
<!doctype html>
<html lang="en" class="no-js">
  <head>
    
      <meta charset="utf-8">
      <meta name="viewport" content="width=device-width,initial-scale=1">
      
        <meta name="description" content="DrissionPage是个网页自动化工具。既能控制浏览器，也能收发数据包。可兼顾便利性和高效率。功能强大，语法简洁优雅。">
      
      
        <meta name="author" content="g1879">
      
      
        <link rel="canonical" href="http://g1879.gitee.io/DrissionPageDocs/ChromiumPage/page_operation/">
      
      
        <link rel="prev" href="../get_page_info/">
      
      
        <link rel="next" href="../find_elements/">
      
      <link rel="icon" href="../../assets/images/favicon.png">
      <meta name="generator" content="mkdocs-1.4.2, mkdocs-material-9.0.11">
    
    
      
        <title>🛰️ 页面交互 - DrissionPage</title>
      
    
    
      <link rel="stylesheet" href="../../assets/stylesheets/main.0d440cfe.min.css">
      
        
        <link rel="stylesheet" href="../../assets/stylesheets/palette.2505c338.min.css">
      
      
  
  
    
    
  
    
    
  
    
    
  
    
    
  
    
    
  
    
    
  
    
    
  
    
    
  
    
    
  
    
    
  
    
    
  
    
    
  
  
  <style>:root{--md-admonition-icon--note:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M1 7.775V2.75C1 1.784 1.784 1 2.75 1h5.025c.464 0 .91.184 1.238.513l6.25 6.25a1.75 1.75 0 0 1 0 2.474l-5.026 5.026a1.75 1.75 0 0 1-2.474 0l-6.25-6.25A1.752 1.752 0 0 1 1 7.775Zm1.5 0c0 .066.026.13.073.177l6.25 6.25a.25.25 0 0 0 .354 0l5.025-5.025a.25.25 0 0 0 0-.354l-6.25-6.25a.25.25 0 0 0-.177-.073H2.75a.25.25 0 0 0-.25.25ZM6 5a1 1 0 1 1 0 2 1 1 0 0 1 0-2Z"/></svg>');--md-admonition-icon--abstract:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M2.5 1.75v11.5c0 .138.112.25.25.25h3.17a.75.75 0 0 1 0 1.5H2.75A1.75 1.75 0 0 1 1 13.25V1.75C1 .784 1.784 0 2.75 0h8.5C12.216 0 13 .784 13 1.75v7.736a.75.75 0 0 1-1.5 0V1.75a.25.25 0 0 0-.25-.25h-8.5a.25.25 0 0 0-.25.25Zm13.274 9.537v-.001l-4.557 4.45a.75.75 0 0 1-1.055-.008l-1.943-1.95a.75.75 0 0 1 1.062-1.058l1.419 1.425 4.026-3.932a.75.75 0 1 1 1.048 1.074ZM4.75 4h4.5a.75.75 0 0 1 0 1.5h-4.5a.75.75 0 0 1 0-1.5ZM4 7.75A.75.75 0 0 1 4.75 7h2a.75.75 0 0 1 0 1.5h-2A.75.75 0 0 1 4 7.75Z"/></svg>');--md-admonition-icon--info:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm8-6.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13ZM6.5 7.75A.75.75 0 0 1 7.25 7h1a.75.75 0 0 1 .75.75v2.75h.25a.75.75 0 0 1 0 1.5h-2a.75.75 0 0 1 0-1.5h.25v-2h-.25a.75.75 0 0 1-.75-.75ZM8 6a1 1 0 1 1 0-2 1 1 0 0 1 0 2Z"/></svg>');--md-admonition-icon--tip:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M3.499.75a.75.75 0 0 1 1.5 0v.996C5.9 2.903 6.793 3.65 7.662 4.376l.24.202c-.036-.694.055-1.422.426-2.163C9.1.873 10.794-.045 12.622.26 14.408.558 16 1.94 16 4.25c0 1.278-.954 2.575-2.44 2.734l.146.508.065.22c.203.701.412 1.455.476 2.226.142 1.707-.4 3.03-1.487 3.898C11.714 14.671 10.27 15 8.75 15h-6a.75.75 0 0 1 0-1.5h1.376a4.484 4.484 0 0 1-.563-1.191 3.835 3.835 0 0 1-.05-2.063 4.647 4.647 0 0 1-2.025-.293.75.75 0 0 1 .525-1.406c1.357.507 2.376-.006 2.698-.318l.009-.01a.747.747 0 0 1 1.06 0 .748.748 0 0 1-.012 1.074c-.912.92-.992 1.835-.768 2.586.221.74.745 1.337 1.196 1.621H8.75c1.343 0 2.398-.296 3.074-.836.635-.507 1.036-1.31.928-2.602-.05-.603-.216-1.224-.422-1.93l-.064-.221c-.12-.407-.246-.84-.353-1.29a2.425 2.425 0 0 1-.507-.441 3.075 3.075 0 0 1-.633-1.248.75.75 0 0 1 1.455-.364c.046.185.144.436.31.627.146.168.353.305.712.305.738 0 1.25-.615 1.25-1.25 0-1.47-.95-2.315-2.123-2.51-1.172-.196-2.227.387-2.706 1.345-.46.92-.27 1.774.019 3.062l.042.19a.884.884 0 0 1 .01.05c.348.443.666.949.94 1.553a.75.75 0 1 1-1.365.62c-.553-1.217-1.32-1.94-2.3-2.768L6.7 5.527c-.814-.68-1.75-1.462-2.692-2.619a3.737 3.737 0 0 0-1.023.88c-.406.495-.663 1.036-.722 1.508.116.122.306.21.591.239.388.038.797-.06 1.032-.19a.75.75 0 0 1 .728 1.31c-.515.287-1.23.439-1.906.373-.682-.067-1.473-.38-1.879-1.193L.75 5.677V5.5c0-.984.48-1.94 1.077-2.664.46-.559 1.05-1.055 1.673-1.353V.75Z"/></svg>');--md-admonition-icon--success:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0Z"/></svg>');--md-admonition-icon--question:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M0 8a8 8 0 1 1 16 0A8 8 0 0 1 0 8Zm8-6.5a6.5 6.5 0 1 0 0 13 6.5 6.5 0 0 0 0-13ZM6.92 6.085h.001a.749.749 0 1 1-1.342-.67c.169-.339.436-.701.849-.977C6.845 4.16 7.369 4 8 4a2.756 2.756 0 0 1 1.637.525c.503.377.863.965.863 1.725 0 .448-.115.83-.329 1.15-.205.307-.47.513-.692.662-.109.072-.22.138-.313.195l-.006.004a6.24 6.24 0 0 0-.26.16.952.952 0 0 0-.276.245.75.75 0 0 1-1.248-.832c.184-.264.42-.489.692-.661.103-.067.207-.132.313-.195l.007-.004c.1-.061.182-.11.258-.161a.969.969 0 0 0 .277-.245C8.96 6.514 9 6.427 9 6.25a.612.612 0 0 0-.262-.525A1.27 1.27 0 0 0 8 5.5c-.369 0-.595.09-.74.187a1.01 1.01 0 0 0-.34.398ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/></svg>');--md-admonition-icon--warning:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M6.457 1.047c.659-1.234 2.427-1.234 3.086 0l6.082 11.378A1.75 1.75 0 0 1 14.082 15H1.918a1.75 1.75 0 0 1-1.543-2.575Zm1.763.707a.25.25 0 0 0-.44 0L1.698 13.132a.25.25 0 0 0 .22.368h12.164a.25.25 0 0 0 .22-.368Zm.53 3.996v2.5a.75.75 0 0 1-1.5 0v-2.5a.75.75 0 0 1 1.5 0ZM9 11a1 1 0 1 1-2 0 1 1 0 0 1 2 0Z"/></svg>');--md-admonition-icon--failure:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M2.344 2.343h-.001a8 8 0 0 1 11.314 11.314A8.002 8.002 0 0 1 .234 10.089a8 8 0 0 1 2.11-7.746Zm1.06 10.253a6.5 6.5 0 1 0 9.108-9.275 6.5 6.5 0 0 0-9.108 9.275ZM6.03 4.97 8 6.94l1.97-1.97a.749.749 0 0 1 1.275.326.749.749 0 0 1-.215.734L9.06 8l1.97 1.97a.749.749 0 0 1-.326 1.275.749.749 0 0 1-.734-.215L8 9.06l-1.97 1.97a.749.749 0 0 1-1.275-.326.749.749 0 0 1 .215-.734L6.94 8 4.97 6.03a.751.751 0 0 1 .018-1.042.751.751 0 0 1 1.042-.018Z"/></svg>');--md-admonition-icon--danger:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M9.504.43a1.516 1.516 0 0 1 2.437 1.713L10.415 5.5h2.123c1.57 0 2.346 1.909 1.22 3.004l-7.34 7.142a1.249 1.249 0 0 1-.871.354h-.302a1.25 1.25 0 0 1-1.157-1.723L5.633 10.5H3.462c-1.57 0-2.346-1.909-1.22-3.004L9.503.429Zm1.047 1.074L3.286 8.571A.25.25 0 0 0 3.462 9H6.75a.75.75 0 0 1 .694 1.034l-1.713 4.188 6.982-6.793A.25.25 0 0 0 12.538 7H9.25a.75.75 0 0 1-.683-1.06l2.008-4.418.003-.006a.036.036 0 0 0-.004-.009l-.006-.006-.008-.001c-.003 0-.006.002-.009.004Z"/></svg>');--md-admonition-icon--bug:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M4.72.22a.75.75 0 0 1 1.06 0l1 .999a3.488 3.488 0 0 1 2.441 0l.999-1a.748.748 0 0 1 1.265.332.75.75 0 0 1-.205.729l-.775.776c.616.63.995 1.493.995 2.444v.327c0 .1-.009.197-.025.292.408.14.764.392 1.029.722l1.968-.787a.75.75 0 0 1 .556 1.392L13 7.258V9h2.25a.75.75 0 0 1 0 1.5H13v.5c0 .409-.049.806-.141 1.186l2.17.868a.75.75 0 0 1-.557 1.392l-2.184-.873A4.997 4.997 0 0 1 8 16a4.997 4.997 0 0 1-4.288-2.427l-2.183.873a.75.75 0 0 1-.558-1.392l2.17-.868A5.036 5.036 0 0 1 3 11v-.5H.75a.75.75 0 0 1 0-1.5H3V7.258L.971 6.446a.75.75 0 0 1 .558-1.392l1.967.787c.265-.33.62-.583 1.03-.722a1.677 1.677 0 0 1-.026-.292V4.5c0-.951.38-1.814.995-2.444L4.72 1.28a.75.75 0 0 1 0-1.06Zm.53 6.28a.75.75 0 0 0-.75.75V11a3.5 3.5 0 1 0 7 0V7.25a.75.75 0 0 0-.75-.75ZM6.173 5h3.654A.172.172 0 0 0 10 4.827V4.5a2 2 0 1 0-4 0v.327c0 .096.077.173.173.173Z"/></svg>');--md-admonition-icon--example:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M5 5.782V2.5h-.25a.75.75 0 0 1 0-1.5h6.5a.75.75 0 0 1 0 1.5H11v3.282l3.666 5.76C15.619 13.04 14.543 15 12.767 15H3.233c-1.776 0-2.852-1.96-1.899-3.458Zm-2.4 6.565a.75.75 0 0 0 .633 1.153h9.534a.75.75 0 0 0 .633-1.153L12.225 10.5h-8.45ZM9.5 2.5h-3V6c0 .143-.04.283-.117.403L4.73 9h6.54L9.617 6.403A.746.746 0 0 1 9.5 6Z"/></svg>');--md-admonition-icon--quote:url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 16 16"><path d="M1.75 2.5h10.5a.75.75 0 0 1 0 1.5H1.75a.75.75 0 0 1 0-1.5Zm4 5h8.5a.75.75 0 0 1 0 1.5h-8.5a.75.75 0 0 1 0-1.5Zm0 5h8.5a.75.75 0 0 1 0 1.5h-8.5a.75.75 0 0 1 0-1.5ZM2.5 7.75v6a.75.75 0 0 1-1.5 0v-6a.75.75 0 0 1 1.5 0Z"/></svg>');}</style>


    
    
    
      
        
        
        <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
        <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,700,700i%7CRoboto+Mono:400,400i,700,700i&display=fallback">
        <style>:root{--md-text-font:"Roboto";--md-code-font:"Roboto Mono"}</style>
      
    
    
    <script>__md_scope=new URL("../..",location),__md_hash=e=>[...e].reduce((e,_)=>(e<<5)-e+_.charCodeAt(0),0),__md_get=(e,_=localStorage,t=__md_scope)=>JSON.parse(_.getItem(t.pathname+"."+e)),__md_set=(e,_,t=localStorage,a=__md_scope)=>{try{t.setItem(a.pathname+"."+e,JSON.stringify(_))}catch(e){}}</script>
    
      

    
    
    
  </head>
  
  
    
    
      
    
    
    
    
    <body dir="ltr" data-md-color-scheme="slate" data-md-color-primary="" data-md-color-accent="">
  
    
    
      <script>var palette=__md_get("__palette");if(palette&&"object"==typeof palette.color)for(var key of Object.keys(palette.color))document.body.setAttribute("data-md-color-"+key,palette.color[key])</script>
    
    <input class="md-toggle" data-md-toggle="drawer" type="checkbox" id="__drawer" autocomplete="off">
    <input class="md-toggle" data-md-toggle="search" type="checkbox" id="__search" autocomplete="off">
    <label class="md-overlay" for="__drawer"></label>
    <div data-md-component="skip">
      
        
        <a href="#_1" class="md-skip">
          Skip to content
        </a>
      
    </div>
    <div data-md-component="announce">
      
    </div>
    
    
      

  

<header class="md-header md-header--lifted" data-md-component="header">
  <nav class="md-header__inner md-grid" aria-label="Header">
    <a href="../.." title="DrissionPage" class="md-header__button md-logo" aria-label="DrissionPage" data-md-component="logo">
      
  
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54Z"/></svg>

    </a>
    <label class="md-header__button md-icon" for="__drawer">
      <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M3 6h18v2H3V6m0 5h18v2H3v-2m0 5h18v2H3v-2Z"/></svg>
    </label>
    <div class="md-header__title" data-md-component="header-title">
      <div class="md-header__ellipsis">
        <div class="md-header__topic">
          <span class="md-ellipsis">
            DrissionPage
          </span>
        </div>
        <div class="md-header__topic" data-md-component="header-topic">
          <span class="md-ellipsis">
            
              🛰️ 页面交互
            
          </span>
        </div>
      </div>
    </div>
    
      <form class="md-header__option" data-md-component="palette">
        
          
          <input class="md-option" data-md-color-media="(prefers-color-scheme: light)" data-md-color-scheme="slate" data-md-color-primary="" data-md-color-accent=""  aria-label="Switch to dark mode"  type="radio" name="__palette" id="__palette_1">
          
            <label class="md-header__button md-icon" title="Switch to dark mode" for="__palette_2" hidden>
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a4 4 0 0 0-4 4 4 4 0 0 0 4 4 4 4 0 0 0 4-4 4 4 0 0 0-4-4m0 10a6 6 0 0 1-6-6 6 6 0 0 1 6-6 6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69Z"/></svg>
            </label>
          
        
          
          <input class="md-option" data-md-color-media="(prefers-color-scheme: dark)" data-md-color-scheme="default" data-md-color-primary="" data-md-color-accent=""  aria-label="Switch to light mode"  type="radio" name="__palette" id="__palette_2">
          
            <label class="md-header__button md-icon" title="Switch to light mode" for="__palette_1" hidden>
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 18c-.89 0-1.74-.2-2.5-.55C11.56 16.5 13 14.42 13 12c0-2.42-1.44-4.5-3.5-5.45C10.26 6.2 11.11 6 12 6a6 6 0 0 1 6 6 6 6 0 0 1-6 6m8-9.31V4h-4.69L12 .69 8.69 4H4v4.69L.69 12 4 15.31V20h4.69L12 23.31 15.31 20H20v-4.69L23.31 12 20 8.69Z"/></svg>
            </label>
          
        
      </form>
    
    
    
      <label class="md-header__button md-icon" for="__search">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg>
      </label>
      <div class="md-search" data-md-component="search" role="dialog">
  <label class="md-search__overlay" for="__search"></label>
  <div class="md-search__inner" role="search">
    <form class="md-search__form" name="search">
      <input type="text" class="md-search__input" name="query" aria-label="Search" placeholder="Search" autocapitalize="off" autocorrect="off" autocomplete="off" spellcheck="false" data-md-component="search-query" required>
      <label class="md-search__icon md-icon" for="__search">
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M9.5 3A6.5 6.5 0 0 1 16 9.5c0 1.61-.59 3.09-1.56 4.23l.27.27h.79l5 5-1.5 1.5-5-5v-.79l-.27-.27A6.516 6.516 0 0 1 9.5 16 6.5 6.5 0 0 1 3 9.5 6.5 6.5 0 0 1 9.5 3m0 2C7 5 5 7 5 9.5S7 14 9.5 14 14 12 14 9.5 12 5 9.5 5Z"/></svg>
        <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12Z"/></svg>
      </label>
      <nav class="md-search__options" aria-label="Search">
        
        <button type="reset" class="md-search__icon md-icon" title="Clear" aria-label="Clear" tabindex="-1">
          <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M19 6.41 17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12 19 6.41Z"/></svg>
        </button>
      </nav>
      
    </form>
    <div class="md-search__output">
      <div class="md-search__scrollwrap" data-md-scrollfix>
        <div class="md-search-result" data-md-component="search-result">
          <div class="md-search-result__meta">
            Initializing search
          </div>
          <ol class="md-search-result__list" role="presentation"></ol>
        </div>
      </div>
    </div>
  </div>
</div>
    
    
      <div class="md-header__source">
        <a href="https://gitee.com/g1879/DrissionPage" title="Go to repository" class="md-source" data-md-component="source">
  <div class="md-source__icon md-icon">
    
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z"/></svg>
  </div>
  <div class="md-source__repository">
    Gitee
  </div>
</a>
      </div>
    
  </nav>
  
    
      
<nav class="md-tabs" aria-label="Tabs" data-md-component="tabs">
  <div class="md-tabs__inner md-grid">
    <ul class="md-tabs__list">
      
        
  
  


  <li class="md-tabs__item">
    <a href="../.." class="md-tabs__link">
      欢迎
    </a>
  </li>

      
        
  
  


  <li class="md-tabs__item">
    <a href="../../new/" class="md-tabs__link">
      🔥 新版介绍
    </a>
  </li>

      
        
  
  


  
  
  
    <li class="md-tabs__item">
      <a href="../../get_start/installation_and_import/" class="md-tabs__link">
        入门指南
      </a>
    </li>
  

      
        
  
  
    
  


  
  
  
    <li class="md-tabs__item">
      <a href="../../usage_introduction/" class="md-tabs__link md-tabs__link--active">
        使用文档
      </a>
    </li>
  

      
        
  
  


  
  
  
    <li class="md-tabs__item">
      <a href="../../demos/login_gitee/" class="md-tabs__link">
        示例和技巧
      </a>
    </li>
  

      
        
  
  


  
  
  
    <li class="md-tabs__item">
      <a href="../../history/3.x/" class="md-tabs__link">
        版本历史
      </a>
    </li>
  

      
        
  
  


  <li class="md-tabs__item">
    <a href="https://gitee.com/g1879/DrissionPage/issues" class="md-tabs__link">
      意见建议
    </a>
  </li>

      
    </ul>
  </div>
</nav>
    
  
</header>
    
    <div class="md-container" data-md-component="container">
      
      
        
      
      <main class="md-main" data-md-component="main">
        <div class="md-main__inner md-grid">
          
            
              
              <div class="md-sidebar md-sidebar--primary" data-md-component="sidebar" data-md-type="navigation" >
                <div class="md-sidebar__scrollwrap">
                  <div class="md-sidebar__inner">
                    

  


<nav class="md-nav md-nav--primary md-nav--lifted" aria-label="Navigation" data-md-level="0">
  <label class="md-nav__title" for="__drawer">
    <a href="../.." title="DrissionPage" class="md-nav__button md-logo" aria-label="DrissionPage" data-md-component="logo">
      
  
  <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M12 8a3 3 0 0 0 3-3 3 3 0 0 0-3-3 3 3 0 0 0-3 3 3 3 0 0 0 3 3m0 3.54C9.64 9.35 6.5 8 3 8v11c3.5 0 6.64 1.35 9 3.54 2.36-2.19 5.5-3.54 9-3.54V8c-3.5 0-6.64 1.35-9 3.54Z"/></svg>

    </a>
    DrissionPage
  </label>
  
    <div class="md-nav__source">
      <a href="https://gitee.com/g1879/DrissionPage" title="Go to repository" class="md-source" data-md-component="source">
  <div class="md-source__icon md-icon">
    
    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 448 512"><!--! Font Awesome Free 6.2.1 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free (Icons: CC BY 4.0, Fonts: SIL OFL 1.1, Code: MIT License) Copyright 2022 Fonticons, Inc.--><path d="M439.55 236.05 244 40.45a28.87 28.87 0 0 0-40.81 0l-40.66 40.63 51.52 51.52c27.06-9.14 52.68 16.77 43.39 43.68l49.66 49.66c34.23-11.8 61.18 31 35.47 56.69-26.49 26.49-70.21-2.87-56-37.34L240.22 199v121.85c25.3 12.54 22.26 41.85 9.08 55a34.34 34.34 0 0 1-48.55 0c-17.57-17.6-11.07-46.91 11.25-56v-123c-20.8-8.51-24.6-30.74-18.64-45L142.57 101 8.45 235.14a28.86 28.86 0 0 0 0 40.81l195.61 195.6a28.86 28.86 0 0 0 40.8 0l194.69-194.69a28.86 28.86 0 0 0 0-40.81z"/></svg>
  </div>
  <div class="md-source__repository">
    Gitee
  </div>
</a>
    </div>
  
  <ul class="md-nav__list" data-md-scrollfix>
    
      
      
      

  
  
  
    <li class="md-nav__item">
      <a href="../.." class="md-nav__link">
        欢迎
      </a>
    </li>
  

    
      
      
      

  
  
  
    <li class="md-nav__item">
      <a href="../../new/" class="md-nav__link">
        🔥 新版介绍
      </a>
    </li>
  

    
      
      
      

  
  
  
    
    <li class="md-nav__item md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3" >
      
      
      
        <label class="md-nav__link" for="__nav_3" id="__nav_3_label" tabindex="0">
          入门指南
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_3_label" aria-expanded="false">
        <label class="md-nav__title" for="__nav_3">
          <span class="md-nav__icon md-icon"></span>
          入门指南
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../get_start/installation_and_import/" class="md-nav__link">
        🌏 安装和导入
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../get_start/before_start/" class="md-nav__link">
        🌏 准备工作
      </a>
    </li>
  

            
          
            
              
  
  
  
    
    <li class="md-nav__item md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_3" >
      
      
      
        <label class="md-nav__link" for="__nav_3_3" id="__nav_3_3_label" tabindex="0">
          🌏 上手示例
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_3_label" aria-expanded="false">
        <label class="md-nav__title" for="__nav_3_3">
          <span class="md-nav__icon md-icon"></span>
          🌏 上手示例
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../get_start/examples/control_browser/" class="md-nav__link">
        🗺️ 操控浏览器
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../get_start/examples/data_packets/" class="md-nav__link">
        🗺️ 收发数据包
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../get_start/examples/switch_mode/" class="md-nav__link">
        🗺️ 模式切换
      </a>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../get_start/basic_concept/" class="md-nav__link">
        ☀️ 基本概念
      </a>
    </li>
  

            
          
            
              
  
  
  
    
    <li class="md-nav__item md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_5" >
      
      
      
        <label class="md-nav__link" for="__nav_3_5" id="__nav_3_5_label" tabindex="0">
          ☀️ 特性和亮点
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_3_5_label" aria-expanded="false">
        <label class="md-nav__title" for="__nav_3_5">
          <span class="md-nav__icon md-icon"></span>
          ☀️ 特性和亮点
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../features/intimate_design/" class="md-nav__link">
        💖 贴心设计
      </a>
    </li>
  

            
          
            
              
  
  
  
    
    <li class="md-nav__item md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_3_5_2" >
      
      
      
        <label class="md-nav__link" for="__nav_3_5_2" id="__nav_3_5_2_label" tabindex="0">
          🌟 特性演示
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="3" aria-labelledby="__nav_3_5_2_label" aria-expanded="false">
        <label class="md-nav__title" for="__nav_3_5_2">
          <span class="md-nav__icon md-icon"></span>
          🌟 特性演示
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../features/features_demos/compare_with_requests/" class="md-nav__link">
        ⭐ 与 requests 对比
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../features/features_demos/compare_with_selenium/" class="md-nav__link">
        ⭐ 与 selenium 对比
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../features/features_demos/switch_mode/" class="md-nav__link">
        ⭐ 模式切换
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../features/features_demos/get_element_attributes/" class="md-nav__link">
        ⭐ 获取元素属性
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../features/features_demos/download_file/" class="md-nav__link">
        ⭐ 下载文件
      </a>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

    
      
      
      

  
  
    
  
  
    
    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4" checked>
      
      
      
        <label class="md-nav__link" for="__nav_4" id="__nav_4_label" tabindex="0">
          使用文档
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_4_label" aria-expanded="true">
        <label class="md-nav__title" for="__nav_4">
          <span class="md-nav__icon md-icon"></span>
          使用文档
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../usage_introduction/" class="md-nav__link">
        💬 概述
      </a>
    </li>
  

            
          
            
              
  
  
  
    
    <li class="md-nav__item md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_2" >
      
      
      
        <label class="md-nav__link" for="__nav_4_2" id="__nav_4_2_label" tabindex="0">
          📫 SessionPage
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_2_label" aria-expanded="false">
        <label class="md-nav__title" for="__nav_4_2">
          <span class="md-nav__icon md-icon"></span>
          📫 SessionPage
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../SessionPge/introduction/" class="md-nav__link">
        ✉️ 概述
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../SessionPge/create_page_object/" class="md-nav__link">
        ✉️ 创建页面对象
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../SessionPge/visit_web_page/" class="md-nav__link">
        ✉️ 访问网页
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../SessionPge/get_page_info/" class="md-nav__link">
        ✉️ 获取网页信息
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../SessionPge/find_elements/" class="md-nav__link">
        ✉️ 查找元素
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../SessionPge/get_element_info/" class="md-nav__link">
        ✉️ 获取元素信息
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../SessionPge/set_session/" class="md-nav__link">
        ✉️ 页面设置
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../SessionPge/session_options/" class="md-nav__link">
        ✉️ 启动配置
      </a>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

            
          
            
              
  
  
    
  
  
    
    <li class="md-nav__item md-nav__item--active md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_3" checked>
      
      
      
        <label class="md-nav__link" for="__nav_4_3" id="__nav_4_3_label" tabindex="0">
          🚀 ChromiumPage
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_3_label" aria-expanded="true">
        <label class="md-nav__title" for="__nav_4_3">
          <span class="md-nav__icon md-icon"></span>
          🚀 ChromiumPage
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../introduction/" class="md-nav__link">
        🛰️ 概述
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../create_page_object/" class="md-nav__link">
        🛰️ 创建页面对象
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../visit_web_page/" class="md-nav__link">
        🛰️ 访问网页
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../get_page_info/" class="md-nav__link">
        🛰️ 获取网页信息
      </a>
    </li>
  

            
          
            
              
  
  
    
  
  
    <li class="md-nav__item md-nav__item--active">
      
      <input class="md-nav__toggle md-toggle" type="checkbox" id="__toc">
      
      
      
        <label class="md-nav__link md-nav__link--active" for="__toc">
          🛰️ 页面交互
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <a href="./" class="md-nav__link md-nav__link--active">
        🛰️ 页面交互
      </a>
      
        

<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
  
  
  
  
    <label class="md-nav__title" for="__toc">
      <span class="md-nav__icon md-icon"></span>
      Table of contents
    </label>
    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
      
        <li class="md-nav__item">
  <a href="#_1" class="md-nav__link">
    ✅️️ 页面跳转
  </a>
  
    <nav class="md-nav" aria-label="✅️️ 页面跳转">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#get" class="md-nav__link">
    📌 get()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#back" class="md-nav__link">
    📌 back()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#forward" class="md-nav__link">
    📌 forward()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#refresh" class="md-nav__link">
    📌 refresh()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#stop_loading" class="md-nav__link">
    📌 stop_loading()
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_2" class="md-nav__link">
    ✅️️ 各种等待
  </a>
  
    <nav class="md-nav" aria-label="✅️️ 各种等待">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#waitload_start" class="md-nav__link">
    📌 wait.load_start()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#waitload_complete" class="md-nav__link">
    📌 wait.load_complete()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#waitele_display" class="md-nav__link">
    📌 wait.ele_display()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#waitele_hidden" class="md-nav__link">
    📌 wait.ele_hidden()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#waitele_delete" class="md-nav__link">
    📌 wait.ele_delete()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#waitdownload_begin" class="md-nav__link">
    📌 wait.download_begin()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#waitupload_paths_inputted" class="md-nav__link">
    📌 wait.upload_paths_inputted()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#waitnew_tab" class="md-nav__link">
    📌 wait.new_tab()
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_3" class="md-nav__link">
    ✅️️ 等待和抓取数据包
  </a>
  
    <nav class="md-nav" aria-label="✅️️ 等待和抓取数据包">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#waitset_targets" class="md-nav__link">
    📌 wait.set_targets()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#waitdata_packets" class="md-nav__link">
    📌 wait.data_packets()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#waitstop_listening" class="md-nav__link">
    📌 wait.stop_listening()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#responsedata" class="md-nav__link">
    📌 ResponseData对象
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#_4" class="md-nav__link">
    📌 示例
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_5" class="md-nav__link">
    ✅️️ 元素管理
  </a>
  
    <nav class="md-nav" aria-label="✅️️ 元素管理">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#remove_ele" class="md-nav__link">
    📌 remove_ele()
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_6" class="md-nav__link">
    ✅️️ 执行脚本或命令
  </a>
  
    <nav class="md-nav" aria-label="✅️️ 执行脚本或命令">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#run_js" class="md-nav__link">
    📌 run_js()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#run_async_js" class="md-nav__link">
    📌 run_async_js()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#run_cdp" class="md-nav__link">
    📌 run_cdp()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#run_cdp_loaded" class="md-nav__link">
    📌 run_cdp_loaded()
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#cookies" class="md-nav__link">
    ✅️️ cookies 及缓存
  </a>
  
    <nav class="md-nav" aria-label="✅️️ cookies 及缓存">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#setcookies" class="md-nav__link">
    📌 set.cookies()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setsession_storage" class="md-nav__link">
    📌 set.session_storage()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setlocal_storage" class="md-nav__link">
    📌 set.local_storage()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#clear_cache" class="md-nav__link">
    📌 clear_cache()
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_7" class="md-nav__link">
    ✅️️ 运行参数设置
  </a>
  
    <nav class="md-nav" aria-label="✅️️ 运行参数设置">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#setretry_times" class="md-nav__link">
    📌 set.retry_times()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setretry_interval" class="md-nav__link">
    📌 set.retry_interval()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#settimeouts" class="md-nav__link">
    📌 set.timeouts()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setload_strategy" class="md-nav__link">
    📌 set.load_strategy
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setuser_agent" class="md-nav__link">
    📌 set.user_agent()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setheaders" class="md-nav__link">
    📌 set.headers()
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_8" class="md-nav__link">
    ✅️️ 窗口管理
  </a>
  
    <nav class="md-nav" aria-label="✅️️ 窗口管理">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#setwindowmaximized" class="md-nav__link">
    📌 set.window.maximized()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setwindowminimized" class="md-nav__link">
    📌 set.window.minimized()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setwindowfullscreen" class="md-nav__link">
    📌 set.window.fullscreen()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setwindownormal" class="md-nav__link">
    📌 set.window.normal()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setwindowsize" class="md-nav__link">
    📌 set.window.size()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setwindowlocation" class="md-nav__link">
    📌 set.window.location()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setwindowhide" class="md-nav__link">
    📌 set.window.hide()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setwindowshow" class="md-nav__link">
    📌 set.window.show()
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_9" class="md-nav__link">
    ✅️️ 滚动页面
  </a>
  
    <nav class="md-nav" aria-label="✅️️ 滚动页面">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#scrollto_top" class="md-nav__link">
    📌 scroll.to_top()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#scrollto_bottom" class="md-nav__link">
    📌 scroll.to_bottom()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#scrollto_half" class="md-nav__link">
    📌 scroll.to_half()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#scrollto_rightmost" class="md-nav__link">
    📌 scroll.to_rightmost()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#scrollto_leftmost" class="md-nav__link">
    📌 scroll.to_leftmost()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#scrollto_location" class="md-nav__link">
    📌 scroll.to_location()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#scrollup" class="md-nav__link">
    📌 scroll.up()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#scrolldown" class="md-nav__link">
    📌 scroll.down()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#scrollright" class="md-nav__link">
    📌 scroll.right()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#scrollleft" class="md-nav__link">
    📌 scroll.left()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#scrollto_see" class="md-nav__link">
    📌 scroll.to_see()
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_10" class="md-nav__link">
    ✅️️ 滚动设置
  </a>
  
    <nav class="md-nav" aria-label="✅️️ 滚动设置">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#setscrollsmooth" class="md-nav__link">
    📌 set.scroll.smooth()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setscrollwait_complete" class="md-nav__link">
    📌 set.scroll.wait_complete()
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_11" class="md-nav__link">
    ✅️️ 处理弹出消息
  </a>
  
    <nav class="md-nav" aria-label="✅️️ 处理弹出消息">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#handle_alert" class="md-nav__link">
    📌 handle_alert()
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_12" class="md-nav__link">
    ✅️️ 关闭浏览器
  </a>
  
    <nav class="md-nav" aria-label="✅️️ 关闭浏览器">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#quit" class="md-nav__link">
    📌 quit()
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
    </ul>
  
</nav>
      
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../find_elements/" class="md-nav__link">
        🛰️ 查找元素
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../get_element_info/" class="md-nav__link">
        🛰️ 获取元素信息
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../element_operation/" class="md-nav__link">
        🛰️ 元素交互
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../upload_files/" class="md-nav__link">
        🛰️ 文件上传
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../tab_operation/" class="md-nav__link">
        🛰️ 标签页操作
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../frame_operation/" class="md-nav__link">
        🛰️ iframe 操作
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../action_chains/" class="md-nav__link">
        🛰️ 动作链
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../browser_options/" class="md-nav__link">
        🛰️ 浏览器启动配置
      </a>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

            
          
            
              
  
  
  
    
    <li class="md-nav__item md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_4" >
      
      
      
        <label class="md-nav__link" for="__nav_4_4" id="__nav_4_4_label" tabindex="0">
          🌌 WebPage
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_4_label" aria-expanded="false">
        <label class="md-nav__title" for="__nav_4_4">
          <span class="md-nav__icon md-icon"></span>
          🌌 WebPage
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../WebPage/introduction/" class="md-nav__link">
        🪐 概述
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../WebPage/create_page_object/" class="md-nav__link">
        🪐 创建页面对象
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../WebPage/mode_switch/" class="md-nav__link">
        🪐 模式切换
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../WebPage/webpage_function/" class="md-nav__link">
        🪐 独有的功能
      </a>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

            
          
            
              
  
  
  
    
    <li class="md-nav__item md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_5" >
      
      
      
        <label class="md-nav__link" for="__nav_4_5" id="__nav_4_5_label" tabindex="0">
          🧰 进阶使用
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_5_label" aria-expanded="false">
        <label class="md-nav__title" for="__nav_4_5">
          <span class="md-nav__icon md-icon"></span>
          🧰 进阶使用
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../advance/ini_file/" class="md-nav__link">
        ⚙️ 配置文件的使用
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../advance/easy_set/" class="md-nav__link">
        ⚙️ easy_set 方法
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../advance/download/" class="md-nav__link">
        ⚙️ 下载文件
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../advance/errors/" class="md-nav__link">
        ⚙️ 异常的使用
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../advance/commands/" class="md-nav__link">
        ⚙️ 命令行的使用
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../advance/accelerate_collecting/" class="md-nav__link">
        ⚙️ 加速浏览器数据采集
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../advance/packaging/" class="md-nav__link">
        ⚙️ 打包程序
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../advance/monitor_network/" class="md-nav__link">
        ⚙️ 监听浏览器网络
      </a>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

            
          
            
              
  
  
  
    
    <li class="md-nav__item md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_4_6" >
      
      
      
        <label class="md-nav__link" for="__nav_4_6" id="__nav_4_6_label" tabindex="0">
          🛠 旧版（MixPage）
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="2" aria-labelledby="__nav_4_6_label" aria-expanded="false">
        <label class="md-nav__title" for="__nav_4_6">
          <span class="md-nav__icon md-icon"></span>
          🛠 旧版（MixPage）
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../MixPage/introduction/" class="md-nav__link">
        🔨 概述
      </a>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

    
      
      
      

  
  
  
    
    <li class="md-nav__item md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_5" >
      
      
      
        <label class="md-nav__link" for="__nav_5" id="__nav_5_label" tabindex="0">
          示例和技巧
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_5_label" aria-expanded="false">
        <label class="md-nav__title" for="__nav_5">
          <span class="md-nav__icon md-icon"></span>
          示例和技巧
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../demos/login_gitee/" class="md-nav__link">
        🌠 自动登录码云
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../demos/maoyan_TOP100/" class="md-nav__link">
        🌠 采集猫眼电影 TOP100 榜
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../demos/starbucks_pics/" class="md-nav__link">
        🌠 下载星巴克产品图片
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../demos/douban_book_pics/" class="md-nav__link">
        🌠 下载豆瓣图书封面图片
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../demos/multithreading_with_tabs/" class="md-nav__link">
        🌠 多线程操作多标签页
      </a>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

    
      
      
      

  
  
  
    
    <li class="md-nav__item md-nav__item--nested">
      
      
      
      
      <input class="md-nav__toggle md-toggle " type="checkbox" id="__nav_6" >
      
      
      
        <label class="md-nav__link" for="__nav_6" id="__nav_6_label" tabindex="0">
          版本历史
          <span class="md-nav__icon md-icon"></span>
        </label>
      
      <nav class="md-nav" data-md-level="1" aria-labelledby="__nav_6_label" aria-expanded="false">
        <label class="md-nav__title" for="__nav_6">
          <span class="md-nav__icon md-icon"></span>
          版本历史
        </label>
        <ul class="md-nav__list" data-md-scrollfix>
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../history/3.x/" class="md-nav__link">
        v3.x
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../history/2.x/" class="md-nav__link">
        v1.5 - v2.x
      </a>
    </li>
  

            
          
            
              
  
  
  
    <li class="md-nav__item">
      <a href="../../history/1.x/" class="md-nav__link">
        v0.x - v1.4
      </a>
    </li>
  

            
          
        </ul>
      </nav>
    </li>
  

    
      
      
      

  
  
  
    <li class="md-nav__item">
      <a href="https://gitee.com/g1879/DrissionPage/issues" class="md-nav__link">
        意见建议
      </a>
    </li>
  

    
  </ul>
</nav>
                  </div>
                </div>
              </div>
            
            
              
              <div class="md-sidebar md-sidebar--secondary" data-md-component="sidebar" data-md-type="toc" >
                <div class="md-sidebar__scrollwrap">
                  <div class="md-sidebar__inner">
                    

<nav class="md-nav md-nav--secondary" aria-label="Table of contents">
  
  
  
  
    <label class="md-nav__title" for="__toc">
      <span class="md-nav__icon md-icon"></span>
      Table of contents
    </label>
    <ul class="md-nav__list" data-md-component="toc" data-md-scrollfix>
      
        <li class="md-nav__item">
  <a href="#_1" class="md-nav__link">
    ✅️️ 页面跳转
  </a>
  
    <nav class="md-nav" aria-label="✅️️ 页面跳转">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#get" class="md-nav__link">
    📌 get()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#back" class="md-nav__link">
    📌 back()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#forward" class="md-nav__link">
    📌 forward()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#refresh" class="md-nav__link">
    📌 refresh()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#stop_loading" class="md-nav__link">
    📌 stop_loading()
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_2" class="md-nav__link">
    ✅️️ 各种等待
  </a>
  
    <nav class="md-nav" aria-label="✅️️ 各种等待">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#waitload_start" class="md-nav__link">
    📌 wait.load_start()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#waitload_complete" class="md-nav__link">
    📌 wait.load_complete()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#waitele_display" class="md-nav__link">
    📌 wait.ele_display()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#waitele_hidden" class="md-nav__link">
    📌 wait.ele_hidden()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#waitele_delete" class="md-nav__link">
    📌 wait.ele_delete()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#waitdownload_begin" class="md-nav__link">
    📌 wait.download_begin()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#waitupload_paths_inputted" class="md-nav__link">
    📌 wait.upload_paths_inputted()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#waitnew_tab" class="md-nav__link">
    📌 wait.new_tab()
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_3" class="md-nav__link">
    ✅️️ 等待和抓取数据包
  </a>
  
    <nav class="md-nav" aria-label="✅️️ 等待和抓取数据包">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#waitset_targets" class="md-nav__link">
    📌 wait.set_targets()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#waitdata_packets" class="md-nav__link">
    📌 wait.data_packets()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#waitstop_listening" class="md-nav__link">
    📌 wait.stop_listening()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#responsedata" class="md-nav__link">
    📌 ResponseData对象
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#_4" class="md-nav__link">
    📌 示例
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_5" class="md-nav__link">
    ✅️️ 元素管理
  </a>
  
    <nav class="md-nav" aria-label="✅️️ 元素管理">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#remove_ele" class="md-nav__link">
    📌 remove_ele()
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_6" class="md-nav__link">
    ✅️️ 执行脚本或命令
  </a>
  
    <nav class="md-nav" aria-label="✅️️ 执行脚本或命令">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#run_js" class="md-nav__link">
    📌 run_js()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#run_async_js" class="md-nav__link">
    📌 run_async_js()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#run_cdp" class="md-nav__link">
    📌 run_cdp()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#run_cdp_loaded" class="md-nav__link">
    📌 run_cdp_loaded()
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#cookies" class="md-nav__link">
    ✅️️ cookies 及缓存
  </a>
  
    <nav class="md-nav" aria-label="✅️️ cookies 及缓存">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#setcookies" class="md-nav__link">
    📌 set.cookies()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setsession_storage" class="md-nav__link">
    📌 set.session_storage()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setlocal_storage" class="md-nav__link">
    📌 set.local_storage()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#clear_cache" class="md-nav__link">
    📌 clear_cache()
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_7" class="md-nav__link">
    ✅️️ 运行参数设置
  </a>
  
    <nav class="md-nav" aria-label="✅️️ 运行参数设置">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#setretry_times" class="md-nav__link">
    📌 set.retry_times()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setretry_interval" class="md-nav__link">
    📌 set.retry_interval()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#settimeouts" class="md-nav__link">
    📌 set.timeouts()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setload_strategy" class="md-nav__link">
    📌 set.load_strategy
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setuser_agent" class="md-nav__link">
    📌 set.user_agent()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setheaders" class="md-nav__link">
    📌 set.headers()
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_8" class="md-nav__link">
    ✅️️ 窗口管理
  </a>
  
    <nav class="md-nav" aria-label="✅️️ 窗口管理">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#setwindowmaximized" class="md-nav__link">
    📌 set.window.maximized()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setwindowminimized" class="md-nav__link">
    📌 set.window.minimized()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setwindowfullscreen" class="md-nav__link">
    📌 set.window.fullscreen()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setwindownormal" class="md-nav__link">
    📌 set.window.normal()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setwindowsize" class="md-nav__link">
    📌 set.window.size()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setwindowlocation" class="md-nav__link">
    📌 set.window.location()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setwindowhide" class="md-nav__link">
    📌 set.window.hide()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setwindowshow" class="md-nav__link">
    📌 set.window.show()
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_9" class="md-nav__link">
    ✅️️ 滚动页面
  </a>
  
    <nav class="md-nav" aria-label="✅️️ 滚动页面">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#scrollto_top" class="md-nav__link">
    📌 scroll.to_top()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#scrollto_bottom" class="md-nav__link">
    📌 scroll.to_bottom()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#scrollto_half" class="md-nav__link">
    📌 scroll.to_half()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#scrollto_rightmost" class="md-nav__link">
    📌 scroll.to_rightmost()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#scrollto_leftmost" class="md-nav__link">
    📌 scroll.to_leftmost()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#scrollto_location" class="md-nav__link">
    📌 scroll.to_location()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#scrollup" class="md-nav__link">
    📌 scroll.up()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#scrolldown" class="md-nav__link">
    📌 scroll.down()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#scrollright" class="md-nav__link">
    📌 scroll.right()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#scrollleft" class="md-nav__link">
    📌 scroll.left()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#scrollto_see" class="md-nav__link">
    📌 scroll.to_see()
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_10" class="md-nav__link">
    ✅️️ 滚动设置
  </a>
  
    <nav class="md-nav" aria-label="✅️️ 滚动设置">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#setscrollsmooth" class="md-nav__link">
    📌 set.scroll.smooth()
  </a>
  
</li>
        
          <li class="md-nav__item">
  <a href="#setscrollwait_complete" class="md-nav__link">
    📌 set.scroll.wait_complete()
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_11" class="md-nav__link">
    ✅️️ 处理弹出消息
  </a>
  
    <nav class="md-nav" aria-label="✅️️ 处理弹出消息">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#handle_alert" class="md-nav__link">
    📌 handle_alert()
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
        <li class="md-nav__item">
  <a href="#_12" class="md-nav__link">
    ✅️️ 关闭浏览器
  </a>
  
    <nav class="md-nav" aria-label="✅️️ 关闭浏览器">
      <ul class="md-nav__list">
        
          <li class="md-nav__item">
  <a href="#quit" class="md-nav__link">
    📌 quit()
  </a>
  
</li>
        
      </ul>
    </nav>
  
</li>
      
    </ul>
  
</nav>
                  </div>
                </div>
              </div>
            
          
          
            <div class="md-content" data-md-component="content">
              <article class="md-content__inner md-typeset">
                
                  



  <h1>🛰️ 页面交互</h1>

<p>本节介绍浏览器页面交互功能，元素的交互在下一节。</p>
<p>页面对象包括<code>ChromiumPage</code>、d 模式的<code>WebPage</code>、<code>ChromiumTab</code>、<code>ChromiumFrame</code>几种，这里只介绍<code>ChromiumPage</code>，其它几种后面专门章节介绍。</p>
<h2 id="_1">✅️️ 页面跳转</h2>
<h3 id="get">📌 <code>get()</code></h3>
<p>该方法用于跳转到一个网址。当连接失败时，程序会进行重试。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>url</code></td>
<td align="center"><code>str</code></td>
<td align="center">必填</td>
<td>目标 url</td>
</tr>
<tr>
<td align="center"><code>show_errmsg</code></td>
<td align="center"><code>bool</code></td>
<td align="center"><code>False</code></td>
<td>连接出错时是否显示和抛出异常</td>
</tr>
<tr>
<td align="center"><code>retry</code></td>
<td align="center"><code>int</code></td>
<td align="center"><code>None</code></td>
<td>重试次数，为<code>None</code>时使用页面参数，默认 3</td>
</tr>
<tr>
<td align="center"><code>interval</code></td>
<td align="center"><code>float</code></td>
<td align="center"><code>None</code></td>
<td>重试间隔（秒），为<code>None</code>时使用页面参数，默认 2</td>
</tr>
<tr>
<td align="center"><code>timeout</code></td>
<td align="center"><code>float</code></td>
<td align="center"><code>None</code></td>
<td>加载超时时间（秒）</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th align="center">返回类型</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>bool</code></td>
<td>是否连接成功</td>
</tr>
</tbody>
</table>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-0-1" name="__codelineno-0-1" href="#__codelineno-0-1"></a><span class="n">page</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s1">&#39;https://www.baidu.com&#39;</span><span class="p">)</span>
</code></pre></div>
<hr />
<h3 id="back">📌 <code>back()</code></h3>
<p>此方法用于在浏览历史中后退若干步。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>steps</code></td>
<td align="center"><code>int</code></td>
<td align="center"><code>1</code></td>
<td>后退步数</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-1-1" name="__codelineno-1-1" href="#__codelineno-1-1"></a><span class="n">page</span><span class="o">.</span><span class="n">back</span><span class="p">(</span><span class="mi">2</span><span class="p">)</span>  <span class="c1"># 后退两个网页</span>
</code></pre></div>
<hr />
<h3 id="forward">📌 <code>forward()</code></h3>
<p>此方法用于在浏览历史中前进若干步。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>steps</code></td>
<td align="center"><code>int</code></td>
<td align="center"><code>1</code></td>
<td>前进步数</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-2-1" name="__codelineno-2-1" href="#__codelineno-2-1"></a><span class="n">page</span><span class="o">.</span><span class="n">forward</span><span class="p">(</span><span class="mi">2</span><span class="p">)</span>  <span class="c1"># 前进两步</span>
</code></pre></div>
<hr />
<h3 id="refresh">📌 <code>refresh()</code></h3>
<p>此方法用于刷新当前页面。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>ignore_cache</code></td>
<td align="center"><code>bool</code></td>
<td align="center"><code>False</code></td>
<td>刷新时是否忽略缓存</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-3-1" name="__codelineno-3-1" href="#__codelineno-3-1"></a><span class="n">page</span><span class="o">.</span><span class="n">refresh</span><span class="p">()</span>  <span class="c1"># 刷新页面</span>
</code></pre></div>
<hr />
<h3 id="stop_loading">📌 <code>stop_loading()</code></h3>
<p>此方法用于强制停止当前页面加载。</p>
<p><strong>参数：</strong> 无</p>
<p><strong>返回：</strong><code>None</code></p>
<hr />
<h2 id="_2">✅️️ 各种等待</h2>
<p>网络环境不稳定，因此程序能够智能等待是非常重要的，<code>ChromiumPage</code>内置了一些等待方法，可以提高程序稳定性和效率。</p>
<p>它们藏在<code>wait</code>属性里。</p>
<h3 id="waitload_start">📌 <code>wait.load_start()</code></h3>
<p>此方法用于等待页面进入加载状态。</p>
<p>我们经常会通过点击元素进入下一个网页，并立刻获取新页面的元素。但若跳转前的页面拥有和跳转后页面相同定位符的元素，会导致过早获取元素，跳转后失效的问题。使用此方法，会阻塞程序，等待页面开始加载后再继续，从而避免上述问题。</p>
<p>我们通常只需等待页面加载开始，程序会自动等待加载结束。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>timeout</code></td>
<td align="center"><code>float</code><br><code>None</code><br><code>True</code></td>
<td align="center"><code>None</code></td>
<td>超时时间，为<code>None</code>或<code>Ture</code>时使用页面<code>timeout</code>设置<br>为数字时等待相应时间</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th align="center">返回类型</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>bool</code></td>
<td>等待结束时是否进入加载状态</td>
</tr>
</tbody>
</table>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-4-1" name="__codelineno-4-1" href="#__codelineno-4-1"></a><span class="n">ele</span><span class="o">.</span><span class="n">click</span><span class="p">()</span>  <span class="c1"># 点击某个元素</span>
<a id="__codelineno-4-2" name="__codelineno-4-2" href="#__codelineno-4-2"></a><span class="n">page</span><span class="o">.</span><span class="n">wait</span><span class="o">.</span><span class="n">load_start</span><span class="p">()</span>  <span class="c1"># 等待页面进入加载状态</span>
<a id="__codelineno-4-3" name="__codelineno-4-3" href="#__codelineno-4-3"></a><span class="c1"># 执行在新页面的操作</span>
<a id="__codelineno-4-4" name="__codelineno-4-4" href="#__codelineno-4-4"></a><span class="nb">print</span><span class="p">(</span><span class="n">page</span><span class="o">.</span><span class="n">title</span><span class="p">)</span>
</code></pre></div>
<hr />
<h3 id="waitload_complete">📌 <code>wait.load_complete()</code></h3>
<p>此方法用于等待页面加载完成。</p>
<p>一般来说都无须开发者使用，程序大部分动作都会自动等待加载完成再执行。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>timeout</code></td>
<td align="center"><code>float</code><br><code>None</code><br><code>True</code></td>
<td align="center"><code>None</code></td>
<td>超时时间，为<code>None</code>或<code>Ture</code>时使用页面<code>timeout</code>设置<br>为数字时等待相应时间</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th align="center">返回类型</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>bool</code></td>
<td>等待结束时是否完成加载完成</td>
</tr>
</tbody>
</table>
<hr />
<h3 id="waitele_display">📌 <code>wait.ele_display()</code></h3>
<p>此方法用于等待一个元素变成显示状态。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>loc_or_ele</code></td>
<td align="center"><code>str</code><br><code>Tuple[str, str]</code><br><code>ChromiumElement</code></td>
<td align="center">必填</td>
<td>要等待的元素，可以是元素或定位符</td>
</tr>
<tr>
<td align="center"><code>timeout</code></td>
<td align="center"><code>float</code></td>
<td align="center"><code>None</code></td>
<td>超时时间，为<code>None</code>时使用页面<code>timeout</code>设置</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th align="center">返回类型</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>bool</code></td>
<td>是否等待成功</td>
</tr>
</tbody>
</table>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-5-1" name="__codelineno-5-1" href="#__codelineno-5-1"></a><span class="c1"># 等待 id 为 div1 的元素显示，超时使用页面设置</span>
<a id="__codelineno-5-2" name="__codelineno-5-2" href="#__codelineno-5-2"></a><span class="n">page</span><span class="o">.</span><span class="n">wait</span><span class="o">.</span><span class="n">ele_display</span><span class="p">(</span><span class="s1">&#39;#div1&#39;</span><span class="p">)</span>
<a id="__codelineno-5-3" name="__codelineno-5-3" href="#__codelineno-5-3"></a>
<a id="__codelineno-5-4" name="__codelineno-5-4" href="#__codelineno-5-4"></a><span class="c1"># 等待 id 为 div1 的元素显示，设置超时3秒</span>
<a id="__codelineno-5-5" name="__codelineno-5-5" href="#__codelineno-5-5"></a><span class="n">page</span><span class="o">.</span><span class="n">wait</span><span class="o">.</span><span class="n">ele_display</span><span class="p">(</span><span class="s1">&#39;#div1&#39;</span><span class="p">,</span> <span class="n">timeout</span><span class="o">=</span><span class="mi">3</span><span class="p">)</span>
<a id="__codelineno-5-6" name="__codelineno-5-6" href="#__codelineno-5-6"></a>
<a id="__codelineno-5-7" name="__codelineno-5-7" href="#__codelineno-5-7"></a><span class="c1"># 等待已获取到的元素被显示</span>
<a id="__codelineno-5-8" name="__codelineno-5-8" href="#__codelineno-5-8"></a><span class="n">ele</span> <span class="o">=</span> <span class="n">page</span><span class="o">.</span><span class="n">ele</span><span class="p">(</span><span class="s1">&#39;#div1&#39;</span><span class="p">)</span>
<a id="__codelineno-5-9" name="__codelineno-5-9" href="#__codelineno-5-9"></a><span class="n">page</span><span class="o">.</span><span class="n">wait</span><span class="o">.</span><span class="n">ele_display</span><span class="p">(</span><span class="n">ele</span><span class="p">)</span>
</code></pre></div>
<hr />
<h3 id="waitele_hidden">📌 <code>wait.ele_hidden()</code></h3>
<p>此方法用于等待一个元素变成隐藏状态。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>loc_or_ele</code></td>
<td align="center"><code>str</code><br><code>Tuple[str, str]</code><br><code>ChromiumElement</code></td>
<td align="center">必填</td>
<td>要等待的元素，可以是元素或定位符</td>
</tr>
<tr>
<td align="center"><code>timeout</code></td>
<td align="center"><code>float</code></td>
<td align="center"><code>None</code></td>
<td>超时时间，为<code>None</code>时使用页面<code>timeout</code>设置</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th align="center">返回类型</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>bool</code></td>
<td>是否等待成功</td>
</tr>
</tbody>
</table>
<hr />
<h3 id="waitele_delete">📌 <code>wait.ele_delete()</code></h3>
<p>此方法用于等待一个元素从 DOM 中删除。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>loc_or_ele</code></td>
<td align="center"><code>str</code><br><code>Tuple[str, str]</code><br><code>ChromiumElement</code></td>
<td align="center">必填</td>
<td>要等待的元素，可以是元素或定位符</td>
</tr>
<tr>
<td align="center"><code>timeout</code></td>
<td align="center"><code>float</code></td>
<td align="center"><code>None</code></td>
<td>超时时间，为<code>None</code>时使用页面<code>timeout</code>设置</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th align="center">返回类型</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>bool</code></td>
<td>是否等待成功</td>
</tr>
</tbody>
</table>
<hr />
<h3 id="waitdownload_begin">📌 <code>wait.download_begin()</code></h3>
<p>此方法用于等待下载开始，详见下载功能章节。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>timeout</code></td>
<td align="center"><code>float</code></td>
<td align="center"><code>None</code></td>
<td>超时时间，为<code>None</code>时使用页面<code>timeout</code>设置</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th align="center">返回类型</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>bool</code></td>
<td>是否等待成功</td>
</tr>
</tbody>
</table>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-6-1" name="__codelineno-6-1" href="#__codelineno-6-1"></a><span class="n">page</span><span class="p">(</span><span class="s1">&#39;#download_btn&#39;</span><span class="p">)</span><span class="o">.</span><span class="n">click</span><span class="p">()</span>  <span class="c1"># 点击按钮触发下载</span>
<a id="__codelineno-6-2" name="__codelineno-6-2" href="#__codelineno-6-2"></a><span class="n">page</span><span class="o">.</span><span class="n">wait</span><span class="o">.</span><span class="n">download_begin</span><span class="p">()</span>  <span class="c1"># 等待下载开始</span>
</code></pre></div>
<hr />
<h3 id="waitupload_paths_inputted">📌 <code>wait.upload_paths_inputted()</code></h3>
<p>此方法用于等待自动填写上传文件路径。详见文件上传章节。</p>
<p><strong>参数：</strong> 无</p>
<p><strong>返回：</strong><code>None</code></p>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-7-1" name="__codelineno-7-1" href="#__codelineno-7-1"></a><span class="c1"># 设置要上传的文件路径</span>
<a id="__codelineno-7-2" name="__codelineno-7-2" href="#__codelineno-7-2"></a><span class="n">page</span><span class="o">.</span><span class="n">set</span><span class="o">.</span><span class="n">upload_files</span><span class="p">(</span><span class="s1">&#39;demo.txt&#39;</span><span class="p">)</span>
<a id="__codelineno-7-3" name="__codelineno-7-3" href="#__codelineno-7-3"></a><span class="c1"># 点击触发文件选择框按钮</span>
<a id="__codelineno-7-4" name="__codelineno-7-4" href="#__codelineno-7-4"></a><span class="n">btn_ele</span><span class="o">.</span><span class="n">click</span><span class="p">()</span>
<a id="__codelineno-7-5" name="__codelineno-7-5" href="#__codelineno-7-5"></a><span class="c1"># 等待路径填入</span>
<a id="__codelineno-7-6" name="__codelineno-7-6" href="#__codelineno-7-6"></a><span class="n">page</span><span class="o">.</span><span class="n">wait</span><span class="o">.</span><span class="n">upload_paths_inputted</span><span class="p">()</span>
</code></pre></div>
<hr />
<h3 id="waitnew_tab">📌 <code>wait.new_tab()</code></h3>
<p>此方法用于等待新标签页出现。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>timeout</code></td>
<td align="center"><code>float</code></td>
<td align="center"><code>None</code></td>
<td>超时时间，为<code>None</code>时使用页面<code>timeout</code>设置</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th align="center">返回类型</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>bool</code></td>
<td>是否等待成功</td>
</tr>
</tbody>
</table>
<hr />
<h2 id="_3">✅️️ 等待和抓取数据包</h2>
<p>这是一个非常实用的功能，可以指定需要的数据包，等待它出现并抓取。</p>
<p>可以配合翻页、动态加载等，能够大幅提高程序可靠性和效率。</p>
<h3 id="waitset_targets">📌 <code>wait.set_targets()</code></h3>
<p>此方法用于设置要等待的目标数据包。格式是正则表达式。可以用<code>list</code>等指定多个目标。</p>
<p>执行此方法后，程序开始监听数据包。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>targets</code></td>
<td align="center"><code>str</code><br><code>list</code><br><code>tuple</code><br><code>set</code></td>
<td align="center">必填</td>
<td>要匹配的数据包 url 特征<br>指定单个目标时传入<code>str</code>，多个目标可传入其余几种类型</td>
</tr>
<tr>
<td align="center"><code>is_regex</code></td>
<td align="center"><code>bool</code></td>
<td align="center"><code>False</code></td>
<td>设置的 target 是否正则表达式，这个设置会对所有监听目标生效</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong> <code>None</code></p>
<hr />
<h3 id="waitdata_packets">📌 <code>wait.data_packets()</code></h3>
<p>此方法用于等待指定数据包出现并加载完成。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>timeout</code></td>
<td align="center"><code>float</code></td>
<td align="center"><code>None</code></td>
<td>超时时间，为<code>None</code>则使用页面对象<code>timeout</code>属性</td>
</tr>
<tr>
<td align="center"><code>any_one</code></td>
<td align="center"><code>bool</code></td>
<td align="center"><code>False</code></td>
<td>多个目标时，是否全部监听到才结束，为<code>True</code>时监听到一个目标就结束</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th align="center">返回类型</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>ResponseData</code></td>
<td>指定单个目标时</td>
</tr>
<tr>
<td align="center"><code>List[ResponseData]</code></td>
<td>指定多个目标时，返回结果列表</td>
</tr>
<tr>
<td align="center"><code>False</code></td>
<td>没有等待到目标数据包</td>
</tr>
</tbody>
</table>
<hr />
<h3 id="waitstop_listening">📌 <code>wait.stop_listening()</code></h3>
<p>此方法用于停止监听数据包。</p>
<p><strong>参数：</strong> 无</p>
<p><strong>返回：</strong> <code>None</code></p>
<hr />
<h3 id="responsedata">📌 <code>ResponseData</code>对象</h3>
<p><code>ResponseData</code>对象是获取到的数据包结果对象，包含了数据包各种信息。</p>
<p>属性：</p>
<ul>
<li>
<p><code>requestId</code>：浏览器保存的请求唯一 id</p>
</li>
<li>
<p><code>response</code>：response 数据，是一个大小写不敏感的字典</p>
</li>
<li>
<p><code>body</code>：reponse body 数据，如果请求是 json 格式，返回转换后的字典，如果是图片，进行 base64 转码后返回字节，否则返回其文本</p>
</li>
<li>
<p><code>rawBody</code>：转换字典前的 body 原始文本</p>
</li>
<li>
<p><code>postData</code>：如果是 post 方式请求，返回其 post data 文本，否则为<code>None</code>（即使是 post 方式，服务器也不一定会返回这个数据）</p>
</li>
<li>
<p><code>headers</code>：以大小写不敏感字典方式返回 response 的 headers</p>
</li>
<li>
<p><code>requestHeaders</code>：以大小写不敏感字典方式返回 request 的 headers</p>
</li>
<li>
<p><code>tab</code>：产生这个请求的标签页的 id</p>
</li>
<li>
<p><code>target</code>：产生这个请求的监听目标</p>
</li>
</ul>
<p>除以上属性，<code>ResponseData</code>可通过 key 或指定属性来访问具体的 response 字段：</p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-8-1" name="__codelineno-8-1" href="#__codelineno-8-1"></a><span class="c1"># 假设rd是一个ResponseData对象</span>
<a id="__codelineno-8-2" name="__codelineno-8-2" href="#__codelineno-8-2"></a><span class="nb">print</span><span class="p">(</span><span class="n">rd</span><span class="o">.</span><span class="n">url</span><span class="p">)</span>  <span class="c1"># 打印response中的url数据</span>
<a id="__codelineno-8-3" name="__codelineno-8-3" href="#__codelineno-8-3"></a><span class="nb">print</span><span class="p">(</span><span class="n">rd</span><span class="p">[</span><span class="s1">&#39;url&#39;</span><span class="p">])</span>  <span class="c1"># 和上面一行一致</span>
</code></pre></div>
<p>其它可以使用的属性有：</p>
<p>url、status、statusText、headersText、mimeType、requestHeadersText、connectionReused、connectionId、remoteIPAddress、remotePort、fromDiskCache、fromServiceWorker、 fromPrefetchCache、encodedDataLength、timing、serviceWorkerResponseSource、responseTime、 cacheStorageCacheName、protocol、securityState、securityDetails</p>
<hr />
<h3 id="_4">📌 示例</h3>
<p>以下示例演示工作方式。</p>
<p>点击下一页，等待数据包，再点击下一页，循环。</p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-9-1" name="__codelineno-9-1" href="#__codelineno-9-1"></a><span class="kn">from</span> <span class="nn">DrissionPage</span> <span class="kn">import</span> <span class="n">ChromiumPage</span>
<a id="__codelineno-9-2" name="__codelineno-9-2" href="#__codelineno-9-2"></a>
<a id="__codelineno-9-3" name="__codelineno-9-3" href="#__codelineno-9-3"></a><span class="n">page</span> <span class="o">=</span> <span class="n">ChromiumPage</span><span class="p">()</span>
<a id="__codelineno-9-4" name="__codelineno-9-4" href="#__codelineno-9-4"></a><span class="n">page</span><span class="o">.</span><span class="n">get</span><span class="p">(</span><span class="s1">&#39;https://gitee.com/explore/all&#39;</span><span class="p">)</span>
<a id="__codelineno-9-5" name="__codelineno-9-5" href="#__codelineno-9-5"></a><span class="n">page</span><span class="o">.</span><span class="n">wait</span><span class="o">.</span><span class="n">set_targets</span><span class="p">(</span><span class="s1">&#39;gitee.com/explore&#39;</span><span class="p">,</span> <span class="n">is_regex</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span>
<a id="__codelineno-9-6" name="__codelineno-9-6" href="#__codelineno-9-6"></a>
<a id="__codelineno-9-7" name="__codelineno-9-7" href="#__codelineno-9-7"></a><span class="k">for</span> <span class="n">_</span> <span class="ow">in</span> <span class="nb">range</span><span class="p">(</span><span class="mi">5</span><span class="p">):</span>
<a id="__codelineno-9-8" name="__codelineno-9-8" href="#__codelineno-9-8"></a>    <span class="n">page</span><span class="p">(</span><span class="s1">&#39;@rel=next&#39;</span><span class="p">)</span><span class="o">.</span><span class="n">click</span><span class="p">()</span>
<a id="__codelineno-9-9" name="__codelineno-9-9" href="#__codelineno-9-9"></a>    <span class="n">res</span> <span class="o">=</span> <span class="n">page</span><span class="o">.</span><span class="n">wait</span><span class="o">.</span><span class="n">data_packets</span><span class="p">()</span>
<a id="__codelineno-9-10" name="__codelineno-9-10" href="#__codelineno-9-10"></a>    <span class="nb">print</span><span class="p">(</span><span class="n">res</span><span class="o">.</span><span class="n">url</span><span class="p">)</span>
</code></pre></div>
<p><strong>输出：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-10-1" name="__codelineno-10-1" href="#__codelineno-10-1"></a>https://gitee.com/explore/all?page<span class="o">=</span><span class="m">2</span>
<a id="__codelineno-10-2" name="__codelineno-10-2" href="#__codelineno-10-2"></a>https://gitee.com/explore/all?page<span class="o">=</span><span class="m">3</span>
<a id="__codelineno-10-3" name="__codelineno-10-3" href="#__codelineno-10-3"></a>https://gitee.com/explore/all?page<span class="o">=</span><span class="m">4</span>
<a id="__codelineno-10-4" name="__codelineno-10-4" href="#__codelineno-10-4"></a>https://gitee.com/explore/all?page<span class="o">=</span><span class="m">5</span>
<a id="__codelineno-10-5" name="__codelineno-10-5" href="#__codelineno-10-5"></a>https://gitee.com/explore/all?page<span class="o">=</span><span class="m">6</span>
</code></pre></div>
<hr />
<h2 id="_5">✅️️ 元素管理</h2>
<h3 id="remove_ele">📌 <code>remove_ele()</code></h3>
<p>此方法用于从页面上删除一个元素。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>loc_or_ele</code></td>
<td align="center"><code>str</code><br><code>Tuple[str, str]</code><br><code>ChromiumElement</code></td>
<td align="center">必填</td>
<td>要删除的元素，可以是元素或定位符</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-11-1" name="__codelineno-11-1" href="#__codelineno-11-1"></a><span class="c1"># 删除一个已获得的元素</span>
<a id="__codelineno-11-2" name="__codelineno-11-2" href="#__codelineno-11-2"></a><span class="n">ele</span> <span class="o">=</span> <span class="n">page</span><span class="p">(</span><span class="s1">&#39;tag:a&#39;</span><span class="p">)</span>
<a id="__codelineno-11-3" name="__codelineno-11-3" href="#__codelineno-11-3"></a><span class="n">page</span><span class="o">.</span><span class="n">remove_ele</span><span class="p">(</span><span class="n">ele</span><span class="p">)</span>
<a id="__codelineno-11-4" name="__codelineno-11-4" href="#__codelineno-11-4"></a>
<a id="__codelineno-11-5" name="__codelineno-11-5" href="#__codelineno-11-5"></a><span class="c1"># 删除用定位符找到的元素</span>
<a id="__codelineno-11-6" name="__codelineno-11-6" href="#__codelineno-11-6"></a><span class="n">page</span><span class="o">.</span><span class="n">remove_ele</span><span class="p">(</span><span class="s1">&#39;tag:a&#39;</span><span class="p">)</span>
</code></pre></div>
<hr />
<h2 id="_6">✅️️ 执行脚本或命令</h2>
<h3 id="run_js">📌 <code>run_js()</code></h3>
<p>此方法用于执行 js 脚本。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>script</code></td>
<td align="center"><code>str</code></td>
<td align="center">必填</td>
<td>js 脚本文本</td>
</tr>
<tr>
<td align="center"><code>*args</code></td>
<td align="center">-</td>
<td align="center">无</td>
<td>传入的参数，按顺序在js文本中对应<code>argument[0]</code>、<code>argument[1]</code>...</td>
</tr>
<tr>
<td align="center"><code>as_expr</code></td>
<td align="center"><code>bool</code></td>
<td align="center"><code>False</code></td>
<td>是否作为表达式运行，为<code>True</code>时<code>args</code>参数无效</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th align="center">返回类型</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>Any</code></td>
<td>脚本执行结果</td>
</tr>
</tbody>
</table>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-12-1" name="__codelineno-12-1" href="#__codelineno-12-1"></a><span class="c1"># 用传入参数的方式执行 js 脚本显示弹出框显示 Hello world!</span>
<a id="__codelineno-12-2" name="__codelineno-12-2" href="#__codelineno-12-2"></a><span class="n">page</span><span class="o">.</span><span class="n">run_js</span><span class="p">(</span><span class="s1">&#39;alert(arguments[0]+arguments[1]);&#39;</span><span class="p">,</span> <span class="s1">&#39;Hello&#39;</span><span class="p">,</span> <span class="s1">&#39; world!&#39;</span><span class="p">)</span>
</code></pre></div>
<div class="admonition warning">
<p class="admonition-title">注意</p>
<ul>
<li>如果<code>as_expr</code>为<code>True</code>，脚本应是返回一个结果的形式，并且不能有<code>return</code></li>
<li>如果<code>as_expr</code>不为`True'，脚本应尽量写成一个方法。</li>
</ul>
</div>
<hr />
<h3 id="run_async_js">📌 <code>run_async_js()</code></h3>
<p>此方法用于以异步方式执行 js 代码。</p>
<p><strong>参数：</strong></p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>script</code></td>
<td align="center"><code>str</code></td>
<td align="center">必填</td>
<td>js 脚本文本</td>
</tr>
<tr>
<td align="center"><code>*args</code></td>
<td align="center">-</td>
<td align="center">无</td>
<td>传入的参数，按顺序在js文本中对应<code>argument[0]</code>、<code>argument[1]</code>...</td>
</tr>
<tr>
<td align="center"><code>as_expr</code></td>
<td align="center"><code>bool</code></td>
<td align="center"><code>False</code></td>
<td>是否作为表达式运行，为<code>True</code>时<code>args</code>参数无效</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<hr />
<h3 id="run_cdp">📌 <code>run_cdp()</code></h3>
<p>此方法用于执行 Chrome DevTools Protocol 语句。</p>
<p>cdp 用法详见 <a href="https://chromedevtools.github.io/devtools-protocol/">Chrome DevTools Protocol</a>。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>cmd</code></td>
<td align="center"><code>str</code></td>
<td align="center">必填</td>
<td>协议项目</td>
</tr>
<tr>
<td align="center"><code>**cmd_args</code></td>
<td align="center">-</td>
<td align="center">无</td>
<td>项目参数</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th align="center">返回类型</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>dict</code></td>
<td>执行返回的结果</td>
</tr>
</tbody>
</table>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-13-1" name="__codelineno-13-1" href="#__codelineno-13-1"></a><span class="c1"># 停止页面加载</span>
<a id="__codelineno-13-2" name="__codelineno-13-2" href="#__codelineno-13-2"></a><span class="n">page</span><span class="o">.</span><span class="n">run_cdp</span><span class="p">(</span><span class="s1">&#39;Page.stopLoading&#39;</span><span class="p">)</span>
</code></pre></div>
<hr />
<p>📌 <code>run_js_loaded()</code></p>
<p>此方法用于执行 js 脚本，执行前先确保页面加载完毕。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>script</code></td>
<td align="center"><code>str</code></td>
<td align="center">必填</td>
<td>js 脚本文本</td>
</tr>
<tr>
<td align="center"><code>as_expr</code></td>
<td align="center"><code>bool</code></td>
<td align="center"><code>False</code></td>
<td>是否作为表达式运行，为<code>True</code>时<code>args</code>参数无效</td>
</tr>
<tr>
<td align="center"><code>*args</code></td>
<td align="center">-</td>
<td align="center">无</td>
<td>传入的参数，按顺序在js文本中对应<code>argument[0]</code>、<code>argument[1]</code>...</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th align="center">返回类型</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>Any</code></td>
<td>脚本执行结果</td>
</tr>
</tbody>
</table>
<hr />
<h3 id="run_cdp_loaded">📌 <code>run_cdp_loaded()</code></h3>
<p>此方法用于执行 Chrome DevTools Protocol 语句，执行前先确保页面加载完毕。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>cmd</code></td>
<td align="center"><code>str</code></td>
<td align="center">必填</td>
<td>协议项目</td>
</tr>
<tr>
<td align="center"><code>**cmd_args</code></td>
<td align="center">-</td>
<td align="center">无</td>
<td>项目参数</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th align="center">返回类型</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>dict</code></td>
<td>执行返回的结果</td>
</tr>
</tbody>
</table>
<hr />
<h2 id="cookies">✅️️ cookies 及缓存</h2>
<h3 id="setcookies">📌 <code>set.cookies()</code></h3>
<p>此方法用于设置 cookies。</p>
<p>可以接收<code>CookieJar</code>、<code>list</code>、<code>tuple</code>、<code>str</code>、<code>dict</code>格式的 cookies。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>cookies</code></td>
<td align="center"><code>RequestsCookieJar</code><br><code>list</code><br><code>tuple</code><br><code>str</code><br><code>dict</code></td>
<td align="center">必填</td>
<td>cookies 信息</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-14-1" name="__codelineno-14-1" href="#__codelineno-14-1"></a><span class="n">cookies</span> <span class="o">=</span> <span class="p">{</span><span class="s1">&#39;name&#39;</span><span class="p">:</span> <span class="s1">&#39;abc&#39;</span><span class="p">}</span>
<a id="__codelineno-14-2" name="__codelineno-14-2" href="#__codelineno-14-2"></a><span class="n">page</span><span class="o">.</span><span class="n">set</span><span class="o">.</span><span class="n">cookies</span><span class="p">(</span><span class="n">cookies</span><span class="p">,</span> <span class="n">set_session</span><span class="o">=</span><span class="kc">True</span><span class="p">,</span> <span class="n">set_driver</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>
</code></pre></div>
<hr />
<h3 id="setsession_storage">📌 <code>set.session_storage()</code></h3>
<p>此方法用于设置或删除某项 sessionStorage 信息。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>item</code></td>
<td align="center"><code>str</code></td>
<td align="center">必填</td>
<td>要设置的项</td>
</tr>
<tr>
<td align="center"><code>value</code></td>
<td align="center"><code>str</code><br><code>False</code></td>
<td align="center">必填</td>
<td>为<code>False</code>时，删除该项</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-15-1" name="__codelineno-15-1" href="#__codelineno-15-1"></a><span class="n">page</span><span class="o">.</span><span class="n">set</span><span class="o">.</span><span class="n">session_storage</span><span class="p">(</span><span class="n">item</span><span class="o">=</span><span class="s1">&#39;abc&#39;</span><span class="p">,</span> <span class="n">value</span><span class="o">=</span><span class="s1">&#39;123&#39;</span><span class="p">)</span>
</code></pre></div>
<hr />
<h3 id="setlocal_storage">📌 <code>set.local_storage()</code></h3>
<p>此方法用于设置或删除某项 localStorage 信息。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>item</code></td>
<td align="center"><code>str</code></td>
<td align="center">必填</td>
<td>要设置的项</td>
</tr>
<tr>
<td align="center"><code>value</code></td>
<td align="center"><code>str</code><br><code>False</code></td>
<td align="center">必填</td>
<td>为<code>False</code>时，删除该项</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<hr />
<h3 id="clear_cache">📌 <code>clear_cache()</code></h3>
<p>此方法用于清除缓存，可选择要清除的项。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>session_storage</code></td>
<td align="center"><code>bool</code></td>
<td align="center"><code>True</code></td>
<td>是否清除 sessionstorage</td>
</tr>
<tr>
<td align="center"><code>local_storage</code></td>
<td align="center"><code>bool</code></td>
<td align="center"><code>True</code></td>
<td>是否清除 localStorage</td>
</tr>
<tr>
<td align="center"><code>cache</code></td>
<td align="center"><code>bool</code></td>
<td align="center"><code>True</code></td>
<td>是否清除 cache</td>
</tr>
<tr>
<td align="center"><code>cookies</code></td>
<td align="center"><code>bool</code></td>
<td align="center"><code>True</code></td>
<td>是否清除 cookies</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-16-1" name="__codelineno-16-1" href="#__codelineno-16-1"></a><span class="n">page</span><span class="o">.</span><span class="n">clear_cache</span><span class="p">(</span><span class="n">cookies</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span>  <span class="c1"># 除了 cookies，其它都清除</span>
</code></pre></div>
<hr />
<h2 id="_7">✅️️ 运行参数设置</h2>
<p>各种设置功能藏在<code>set</code>属性中。</p>
<h3 id="setretry_times">📌 <code>set.retry_times()</code></h3>
<p>此方法用于设置连接失败时重连次数。</p>
<table>
<thead>
<tr>
<th>参数名称</th>
<th>类型</th>
<th>默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>times</code></td>
<td><code>int</code></td>
<td>必填</td>
<td>秒数</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<h3 id="setretry_interval">📌 <code>set.retry_interval()</code></h3>
<p>此方法用于设置连接失败时重连间隔。</p>
<table>
<thead>
<tr>
<th>参数名称</th>
<th>类型</th>
<th>默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>interval</code></td>
<td><code>float</code></td>
<td>必填</td>
<td>秒数</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<h3 id="settimeouts">📌 <code>set.timeouts()</code></h3>
<p>此方法用于设置三种超时时间，单位为秒。可单独设置，为<code>None</code>表示不改变原来设置。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>implicit</code></td>
<td align="center"><code>float</code></td>
<td align="center"><code>None</code></td>
<td>整体超时时间</td>
</tr>
<tr>
<td align="center"><code>page_load</code></td>
<td align="center"><code>float</code></td>
<td align="center"><code>None</code></td>
<td>页面加载超时时间</td>
</tr>
<tr>
<td align="center"><code>script</code></td>
<td align="center"><code>float</code></td>
<td align="center"><code>None</code></td>
<td>脚本运行超时时间</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-17-1" name="__codelineno-17-1" href="#__codelineno-17-1"></a><span class="n">page</span><span class="o">.</span><span class="n">set</span><span class="o">.</span><span class="n">timeouts</span><span class="p">(</span><span class="n">implicit</span><span class="o">=</span><span class="mi">10</span><span class="p">,</span> <span class="n">page_load</span><span class="o">=</span><span class="mi">30</span><span class="p">)</span>
</code></pre></div>
<hr />
<h3 id="setload_strategy">📌 <code>set.load_strategy</code></h3>
<p>此属性用于设置页面加载策略，调用其方法选择某种策略。</p>
<table>
<thead>
<tr>
<th align="center">方法名称</th>
<th align="center">参数</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>normal()</code></td>
<td align="center">无</td>
<td>等待页面完全加载完成，为默认状态</td>
</tr>
<tr>
<td align="center"><code>eager()</code></td>
<td align="center">无</td>
<td>等待文档加载完成就结束，不等待资源加载</td>
</tr>
<tr>
<td align="center"><code>none()</code></td>
<td align="center">无</td>
<td>页面连接完成就结束</td>
</tr>
</tbody>
</table>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-18-1" name="__codelineno-18-1" href="#__codelineno-18-1"></a><span class="n">page</span><span class="o">.</span><span class="n">set</span><span class="o">.</span><span class="n">load_strategy</span><span class="o">.</span><span class="n">normal</span><span class="p">()</span>
<a id="__codelineno-18-2" name="__codelineno-18-2" href="#__codelineno-18-2"></a><span class="n">page</span><span class="o">.</span><span class="n">set</span><span class="o">.</span><span class="n">load_strategy</span><span class="o">.</span><span class="n">eager</span><span class="p">()</span>
<a id="__codelineno-18-3" name="__codelineno-18-3" href="#__codelineno-18-3"></a><span class="n">page</span><span class="o">.</span><span class="n">set</span><span class="o">.</span><span class="n">load_strategy</span><span class="o">.</span><span class="n">none</span><span class="p">()</span>
</code></pre></div>
<hr />
<h3 id="setuser_agent">📌 <code>set.user_agent()</code></h3>
<p>此方法用于为浏览器当前标签页设置 user agent。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>ua</code></td>
<td align="center"><code>str</code></td>
<td align="center">必填</td>
<td>user agent 字符串</td>
</tr>
<tr>
<td align="center"><code>platform</code></td>
<td align="center"><code>str</code></td>
<td align="center"><code>None</code></td>
<td>平台类型，如<code>'android'</code></td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<hr />
<h3 id="setheaders">📌 <code>set.headers()</code></h3>
<p>此方法用于设置额外添加到当前页面请求 headers 的参数。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>headers</code></td>
<td align="center"><code>dict</code></td>
<td align="center">必填</td>
<td><code>dict</code>形式的 headers</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-19-1" name="__codelineno-19-1" href="#__codelineno-19-1"></a><span class="n">h</span> <span class="o">=</span> <span class="p">{</span><span class="s1">&#39;connection&#39;</span><span class="p">:</span> <span class="s1">&#39;keep-alive&#39;</span><span class="p">,</span> <span class="s1">&#39;accept-charset&#39;</span><span class="p">:</span> <span class="s1">&#39;GB2312,utf-8;q=0.7,*;q=0.7&#39;</span><span class="p">}</span>
<a id="__codelineno-19-2" name="__codelineno-19-2" href="#__codelineno-19-2"></a><span class="n">page</span><span class="o">.</span><span class="n">set</span><span class="o">.</span><span class="n">headers</span><span class="p">(</span><span class="n">headers</span><span class="o">=</span><span class="n">h</span><span class="p">)</span>
</code></pre></div>
<hr />
<h2 id="_8">✅️️ 窗口管理</h2>
<p>窗口管理功能藏在<code>set.window</code>属性中。</p>
<h3 id="setwindowmaximized">📌 <code>set.window.maximized()</code></h3>
<p>此方法用于使窗口最大化。</p>
<p><strong>参数：</strong> 无</p>
<p><strong>返回：</strong><code>None</code></p>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-20-1" name="__codelineno-20-1" href="#__codelineno-20-1"></a><span class="n">page</span><span class="o">.</span><span class="n">set</span><span class="o">.</span><span class="n">window</span><span class="o">.</span><span class="n">maximized</span><span class="p">()</span>
</code></pre></div>
<hr />
<h3 id="setwindowminimized">📌 <code>set.window.minimized()</code></h3>
<p>此方法用于使窗口最小化。</p>
<p><strong>参数：</strong> 无</p>
<p><strong>返回：</strong><code>None</code></p>
<hr />
<h3 id="setwindowfullscreen">📌 <code>set.window.fullscreen()</code></h3>
<p>此方法用于使窗口切换到全屏模式。</p>
<p><strong>参数：</strong> 无</p>
<p><strong>返回：</strong><code>None</code></p>
<hr />
<h3 id="setwindownormal">📌 <code>set.window.normal()</code></h3>
<p>此方法用于使窗口切换到普通模式。</p>
<p><strong>参数：</strong> 无</p>
<p><strong>返回：</strong><code>None</code></p>
<hr />
<h3 id="setwindowsize">📌 <code>set.window.size()</code></h3>
<p>此方法用于设置窗口大小。只传入一个参数时另一个参数不会变化。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>width</code></td>
<td align="center"><code>int</code></td>
<td align="center"><code>None</code></td>
<td>窗口宽度</td>
</tr>
<tr>
<td align="center"><code>height</code></td>
<td align="center"><code>int</code></td>
<td align="center"><code>None</code></td>
<td>窗口高度</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-21-1" name="__codelineno-21-1" href="#__codelineno-21-1"></a><span class="n">page</span><span class="o">.</span><span class="n">set</span><span class="o">.</span><span class="n">window</span><span class="o">.</span><span class="n">size</span><span class="p">(</span><span class="mi">500</span><span class="p">,</span> <span class="mi">500</span><span class="p">)</span>
</code></pre></div>
<hr />
<h3 id="setwindowlocation">📌 <code>set.window.location()</code></h3>
<p>此方法用于设置窗口位置。只传入一个参数时另一个参数不会变化。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>x</code></td>
<td align="center"><code>int</code></td>
<td align="center"><code>None</code></td>
<td>距离顶部距离</td>
</tr>
<tr>
<td align="center"><code>y</code></td>
<td align="center"><code>int</code></td>
<td align="center"><code>None</code></td>
<td>距离左边距离</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-22-1" name="__codelineno-22-1" href="#__codelineno-22-1"></a><span class="n">page</span><span class="o">.</span><span class="n">set</span><span class="o">.</span><span class="n">window</span><span class="o">.</span><span class="n">location</span><span class="p">(</span><span class="mi">500</span><span class="p">,</span> <span class="mi">500</span><span class="p">)</span>
</code></pre></div>
<hr />
<h3 id="setwindowhide">📌 <code>set.window.hide()</code></h3>
<p>此方法用于隐藏浏览器窗口。</p>
<p>与 headless 模式不一样，这个方法是直接隐藏浏览器进程。在任务栏上也会消失。只支持 Windows 系统，并且必须已安装 pypiwin32 库才可使用。</p>
<p><strong>参数：</strong> 无</p>
<p><strong>返回：</strong><code>None</code></p>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-23-1" name="__codelineno-23-1" href="#__codelineno-23-1"></a><span class="n">page</span><span class="o">.</span><span class="n">set</span><span class="o">.</span><span class="n">window</span><span class="o">.</span><span class="n">hide</span><span class="p">()</span>
</code></pre></div>
<div class="admonition warning">
<p class="admonition-title">注意</p>
</div>
<ul>
<li>浏览器隐藏后并没有关闭，下次运行程序还会接管已隐藏的浏览器</li>
<li>浏览器隐藏后，如果有新建标签页，会自行显示出来</li>
</ul>
<hr />
<h3 id="setwindowshow">📌 <code>set.window.show()</code></h3>
<p>此方法用于显示当前浏览器窗口。</p>
<p><strong>参数：</strong> 无</p>
<p><strong>返回：</strong><code>None</code></p>
<hr />
<h2 id="_9">✅️️ 滚动页面</h2>
<p>页面滚动的功能藏在<code>scroll</code>属性中。</p>
<h3 id="scrollto_top">📌 <code>scroll.to_top()</code></h3>
<p>此方法用于滚动页面到顶部，水平位置不变。</p>
<p><strong>参数：</strong> 无</p>
<p><strong>返回：</strong><code>None</code></p>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-24-1" name="__codelineno-24-1" href="#__codelineno-24-1"></a><span class="n">page</span><span class="o">.</span><span class="n">scroll</span><span class="o">.</span><span class="n">to_top</span><span class="p">()</span>
</code></pre></div>
<hr />
<h3 id="scrollto_bottom">📌 <code>scroll.to_bottom()</code></h3>
<p>此方法用于滚动页面到底部，水平位置不变。</p>
<p><strong>参数：</strong> 无</p>
<p><strong>返回：</strong><code>None</code></p>
<hr />
<h3 id="scrollto_half">📌 <code>scroll.to_half()</code></h3>
<p>此方法用于滚动页面到垂直中间位置，水平位置不变。</p>
<p><strong>参数：</strong> 无</p>
<p><strong>返回：</strong><code>None</code></p>
<hr />
<h3 id="scrollto_rightmost">📌 <code>scroll.to_rightmost()</code></h3>
<p>此方法用于滚动页面到最右边，垂直位置不变。</p>
<p><strong>参数：</strong> 无</p>
<p><strong>返回：</strong><code>None</code></p>
<hr />
<h3 id="scrollto_leftmost">📌 <code>scroll.to_leftmost()</code></h3>
<p>此方法用于滚动页面到最左边，垂直位置不变。</p>
<p><strong>参数：</strong> 无</p>
<p><strong>返回：</strong><code>None</code></p>
<hr />
<h3 id="scrollto_location">📌 <code>scroll.to_location()</code></h3>
<p>此方法用于滚动页面到滚动到指定位置。</p>
<table>
<thead>
<tr>
<th align="center">方法</th>
<th align="center">参数</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>x</code></td>
<td align="center">必填</td>
<td>水平位置</td>
</tr>
<tr>
<td align="center"><code>y</code></td>
<td align="center">必填</td>
<td>垂直位置</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-25-1" name="__codelineno-25-1" href="#__codelineno-25-1"></a><span class="n">page</span><span class="o">.</span><span class="n">scroll</span><span class="o">.</span><span class="n">to_location</span><span class="p">(</span><span class="mi">300</span><span class="p">,</span> <span class="mi">50</span><span class="p">)</span>
</code></pre></div>
<hr />
<h3 id="scrollup">📌 <code>scroll.up()</code></h3>
<p>此方法用于使页面向上滚动若干像素，水平位置不变。</p>
<table>
<thead>
<tr>
<th align="center">方法</th>
<th align="center">参数</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>pixel</code></td>
<td align="center">必填</td>
<td>滚动的像素</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-26-1" name="__codelineno-26-1" href="#__codelineno-26-1"></a><span class="n">page</span><span class="o">.</span><span class="n">scroll</span><span class="o">.</span><span class="n">up</span><span class="p">(</span><span class="mi">30</span><span class="p">)</span>
</code></pre></div>
<hr />
<h3 id="scrolldown">📌 <code>scroll.down()</code></h3>
<p>此方法用于使页面向下滚动若干像素，水平位置不变。</p>
<table>
<thead>
<tr>
<th align="center">方法</th>
<th align="center">参数</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>pixel</code></td>
<td align="center">必填</td>
<td>滚动的像素</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<hr />
<h3 id="scrollright">📌 <code>scroll.right()</code></h3>
<p>此方法用于使页面向右滚动若干像素，垂直位置不变。</p>
<table>
<thead>
<tr>
<th align="center">方法</th>
<th align="center">参数</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>pixel</code></td>
<td align="center">必填</td>
<td>滚动的像素</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<hr />
<h3 id="scrollleft">📌 <code>scroll.left()</code></h3>
<p>此方法用于使页面向左滚动若干像素，垂直位置不变。</p>
<table>
<thead>
<tr>
<th align="center">方法</th>
<th align="center">参数</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>pixel</code></td>
<td align="center">必填</td>
<td>滚动的像素</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<hr />
<h3 id="scrollto_see">📌 <code>scroll.to_see()</code></h3>
<p>此方法用于滚动页面直到元素可见。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>loc_or_ele</code></td>
<td align="center"><code>str</code><br><code>tuple</code><br><code>ChromiumElement</code></td>
<td align="center">必填</td>
<td>元素的定位信息，可以是元素、定位符</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-27-1" name="__codelineno-27-1" href="#__codelineno-27-1"></a><span class="c1"># 滚动到某个已获取到的元素</span>
<a id="__codelineno-27-2" name="__codelineno-27-2" href="#__codelineno-27-2"></a><span class="n">ele</span> <span class="o">=</span> <span class="n">page</span><span class="o">.</span><span class="n">ele</span><span class="p">(</span><span class="s1">&#39;tag:div&#39;</span><span class="p">)</span>
<a id="__codelineno-27-3" name="__codelineno-27-3" href="#__codelineno-27-3"></a><span class="n">page</span><span class="o">.</span><span class="n">scroll</span><span class="o">.</span><span class="n">to_see</span><span class="p">(</span><span class="n">ele</span><span class="p">)</span>
<a id="__codelineno-27-4" name="__codelineno-27-4" href="#__codelineno-27-4"></a>
<a id="__codelineno-27-5" name="__codelineno-27-5" href="#__codelineno-27-5"></a><span class="c1"># 滚动到按定位符查找到的元素</span>
<a id="__codelineno-27-6" name="__codelineno-27-6" href="#__codelineno-27-6"></a><span class="n">page</span><span class="o">.</span><span class="n">scroll</span><span class="o">.</span><span class="n">to_see</span><span class="p">(</span><span class="s1">&#39;tag:div&#39;</span><span class="p">)</span>
</code></pre></div>
<hr />
<h2 id="_10">✅️️ 滚动设置</h2>
<p>页面滚动有两种方式，一种是滚动时直接跳到目标位置，第二种是平滑滚动，须要一定时间。后者滚动时间难以确定，容易导致程序不稳定，点击不准确的问题。</p>
<p>一些网站会在 css 设置中指定网站使用平滑滚动，这是我们不希望的，但本着让开发者拥有充分选择权利的原则，本库没有强制修改，而是提供两项设置供开发者选择。</p>
<h3 id="setscrollsmooth">📌 <code>set.scroll.smooth()</code></h3>
<p>此方法设置网站是否开启平滑滚动。建议用此方法为网页关闭平滑滚动。</p>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>on_off</code></td>
<td align="center"><code>bool</code></td>
<td align="center"><code>True</code></td>
<td><code>bool</code>表示开或关</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-28-1" name="__codelineno-28-1" href="#__codelineno-28-1"></a><span class="n">page</span><span class="o">.</span><span class="n">set</span><span class="o">.</span><span class="n">scroll</span><span class="o">.</span><span class="n">smooth</span><span class="p">(</span><span class="n">on_off</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span>
</code></pre></div>
<hr />
<h3 id="setscrollwait_complete">📌 <code>set.scroll.wait_complete()</code></h3>
<p>此方法用于设置滚动后是否等待滚动结束。在不想关闭网页平滑滚动功能时，可开启此设置以保障滚动结束后才执行后面的步骤</p>
<table>
<thead>
<tr>
<th>参数名称</th>
<th>类型</th>
<th>默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td><code>on_off</code></td>
<td><code>bool</code></td>
<td><code>True</code></td>
<td><code>bool</code>表示开或关</td>
</tr>
</tbody>
</table>
<p><strong>返回：</strong><code>None</code></p>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-29-1" name="__codelineno-29-1" href="#__codelineno-29-1"></a><span class="n">page</span><span class="o">.</span><span class="n">set</span><span class="o">.</span><span class="n">scroll</span><span class="o">.</span><span class="n">smooth</span><span class="p">(</span><span class="n">on_off</span><span class="o">=</span><span class="kc">True</span><span class="p">)</span>
</code></pre></div>
<hr />
<h2 id="_11">✅️️ 处理弹出消息</h2>
<h3 id="handle_alert">📌 <code>handle_alert()</code></h3>
<p>此方法 用于处理提示框。<br />
它能够设置等待时间，等待提示框出现才进行处理，若超时没等到提示框，返回<code>False</code>。<br />
也可只获取提示框文本而不处理提示框。</p>
<div class="admonition warning">
<p class="admonition-title">注意</p>
<p>程序不能接管一个已经弹出了提示框的浏览器。只有程序先运行，弹出框后出现，才能处理。</p>
</div>
<table>
<thead>
<tr>
<th align="center">参数名称</th>
<th align="center">类型</th>
<th align="center">默认值</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>accept</code></td>
<td align="center"><code>bool</code><br><code>None</code></td>
<td align="center"><code>True</code></td>
<td><code>True</code>表示确认，<code>False</code>表示取消，<code>None</code>不会按按钮但依然返回文本值</td>
</tr>
<tr>
<td align="center"><code>send</code></td>
<td align="center"><code>str</code></td>
<td align="center"><code>None</code></td>
<td>处理 prompt 提示框时可输入文本</td>
</tr>
<tr>
<td align="center"><code>timeout</code></td>
<td align="center"><code>float</code></td>
<td align="center"><code>None</code></td>
<td>等待提示框出现的超时时间，为<code>None</code>时使用页面整体超时时间</td>
</tr>
</tbody>
</table>
<table>
<thead>
<tr>
<th align="center">返回类型</th>
<th>说明</th>
</tr>
</thead>
<tbody>
<tr>
<td align="center"><code>str</code></td>
<td>提示框内容文本</td>
</tr>
<tr>
<td align="center"><code>False</code></td>
<td>未等到提示框则返回<code>False</code></td>
</tr>
</tbody>
</table>
<p><strong>示例：</strong></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-30-1" name="__codelineno-30-1" href="#__codelineno-30-1"></a><span class="c1"># 确认提示框并获取提示框文本</span>
<a id="__codelineno-30-2" name="__codelineno-30-2" href="#__codelineno-30-2"></a><span class="n">txt</span> <span class="o">=</span> <span class="n">page</span><span class="o">.</span><span class="n">handle_alert</span><span class="p">()</span>
<a id="__codelineno-30-3" name="__codelineno-30-3" href="#__codelineno-30-3"></a>
<a id="__codelineno-30-4" name="__codelineno-30-4" href="#__codelineno-30-4"></a><span class="c1"># 点击取消</span>
<a id="__codelineno-30-5" name="__codelineno-30-5" href="#__codelineno-30-5"></a><span class="n">page</span><span class="o">.</span><span class="n">handle_alert</span><span class="p">(</span><span class="n">accept</span><span class="o">=</span><span class="kc">False</span><span class="p">)</span>
<a id="__codelineno-30-6" name="__codelineno-30-6" href="#__codelineno-30-6"></a>
<a id="__codelineno-30-7" name="__codelineno-30-7" href="#__codelineno-30-7"></a><span class="c1"># 给 prompt 提示框输入文本并点击确定</span>
<a id="__codelineno-30-8" name="__codelineno-30-8" href="#__codelineno-30-8"></a><span class="n">page</span><span class="o">.</span><span class="n">handle_alert</span><span class="p">(</span><span class="n">accept</span><span class="o">=</span><span class="kc">True</span><span class="p">,</span> <span class="n">send</span><span class="o">=</span><span class="s1">&#39;some text&#39;</span><span class="p">)</span>
<a id="__codelineno-30-9" name="__codelineno-30-9" href="#__codelineno-30-9"></a>
<a id="__codelineno-30-10" name="__codelineno-30-10" href="#__codelineno-30-10"></a><span class="c1"># 不处理提示框，只获取提示框文本</span>
<a id="__codelineno-30-11" name="__codelineno-30-11" href="#__codelineno-30-11"></a><span class="n">txt</span> <span class="o">=</span> <span class="n">page</span><span class="o">.</span><span class="n">handle_alert</span><span class="p">(</span><span class="n">accept</span><span class="o">=</span><span class="kc">None</span><span class="p">)</span>
</code></pre></div>
<hr />
<h2 id="_12">✅️️ 关闭浏览器</h2>
<h3 id="quit">📌 <code>quit()</code></h3>
<p>此方法用于关闭浏览器。</p>
<p><strong>参数：</strong> 无</p>
<p><strong>返回：</strong><code>**None</code></p>
<div class="highlight"><pre><span></span><code><a id="__codelineno-31-1" name="__codelineno-31-1" href="#__codelineno-31-1"></a><span class="n">page</span><span class="o">.</span><span class="n">quit</span><span class="p">()</span>
</code></pre></div>





                
              </article>
            </div>
          
          
        </div>
        
          <a href="#" class="md-top md-icon" data-md-component="top" hidden>
            <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M13 20h-2V8l-5.5 5.5-1.42-1.42L12 4.16l7.92 7.92-1.42 1.42L13 8v12Z"/></svg>
            Back to top
          </a>
        
      </main>
      
        <footer class="md-footer">
  
    
      
      <nav class="md-footer__inner md-grid" aria-label="Footer" >
        
          
          <a href="../get_page_info/" class="md-footer__link md-footer__link--prev" aria-label="Previous: 🛰️ 获取网页信息" rel="prev">
            <div class="md-footer__button md-icon">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M20 11v2H8l5.5 5.5-1.42 1.42L4.16 12l7.92-7.92L13.5 5.5 8 11h12Z"/></svg>
            </div>
            <div class="md-footer__title">
              <div class="md-ellipsis">
                <span class="md-footer__direction">
                  Previous
                </span>
                🛰️ 获取网页信息
              </div>
            </div>
          </a>
        
        
          
          <a href="../find_elements/" class="md-footer__link md-footer__link--next" aria-label="Next: 🛰️ 查找元素" rel="next">
            <div class="md-footer__title">
              <div class="md-ellipsis">
                <span class="md-footer__direction">
                  Next
                </span>
                🛰️ 查找元素
              </div>
            </div>
            <div class="md-footer__button md-icon">
              <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 11v2h12l-5.5 5.5 1.42 1.42L19.84 12l-7.92-7.92L10.5 5.5 16 11H4Z"/></svg>
            </div>
          </a>
        
      </nav>
    
  
  <div class="md-footer-meta md-typeset">
    <div class="md-footer-meta__inner md-grid">
      <div class="md-copyright">
  
  
    Made with
    <a href="https://squidfunk.github.io/mkdocs-material/" target="_blank" rel="noopener">
      Material for MkDocs
    </a>
  
</div>
      
    </div>
  </div>
</footer>
      
    </div>
    <div class="md-dialog" data-md-component="dialog">
      <div class="md-dialog__inner md-typeset"></div>
    </div>
    
    <script id="__config" type="application/json">{"base": "../..", "features": ["navigation.top", "navigation.tracking", "toc.follow", "content.code.copy", "navigation.tabs", "navigation.tabs.sticky", "header.autohide", "navigation.footer"], "search": "../../assets/javascripts/workers/search.db81ec45.min.js", "translations": {"clipboard.copied": "Copied to clipboard", "clipboard.copy": "Copy to clipboard", "search.result.more.one": "1 more on this page", "search.result.more.other": "# more on this page", "search.result.none": "No matching documents", "search.result.one": "1 matching document", "search.result.other": "# matching documents", "search.result.placeholder": "Type to start searching", "search.result.term.missing": "Missing", "select.version": "Select version"}}</script>
    
    
      <script src="../../assets/javascripts/bundle.6df46069.min.js"></script>
      
    
  </body>
</html>